Zmiana rozmiaru kolumn/paneli dla zawartości w jquery?

Question

czy ktoś wie, czy istnieje przykład dla panelu przesuwnego w jquery? Jeśli tak, czy ktoś może wysłać mi link? Właśnie to chcę osiągnąć.

Na moim głównym ekranie chcę mieć trzy dywizje. Jedna prawa kolumna, która obejmuje połowę ekranu, a następnie lewą kolumnę podzieloną na dwa rzędy. Chcę rozwinąć i/lub zmniejszyć prawą kolumnę i/lub lewą kolumnę i/lub górny wiersz w lewej kolumnie i/lub dolny wiersz w lewej kolumnie. Pomyśl o tym jako o IDE po lewej stronie obszaru kodowania i prawej stronie jako eksplorator projektu i właściwości. Koder chciałby zobaczyć dowolne trzy sekcje naraz lub chciałby rozszerzyć każdy obszar roboczy.

Szukam rozwiązania jquery dla takich! Dzięki

Answer 1

Wygląda na drodze jsfiddle.net pracuje

ten jest dostępny w postaci wtyczki. http://docs.jquery.com/UI/Resizable

Można również użyć jQuery splitter wtyczki: http://www.methvin.com/splitter/

także zobaczyć (2011): http://jcubic.wordpress.com/2011/03/06/jquery-splitter-split-container/

Flexigrid jest nowy (2012) opcja: http://flexigrid.info/

Answer 2

Najbardziej wytrzymałe rozwiązanie tego problemu jest użycie wtyczki układu jQuery. Możesz go znaleźć tutaj: http://layout.jquery-dev.net/