jquery-ui-resizable-alsoresize-reverse - как изменить размер двух соседних элементов div в одном направлении от соседнего края - PullRequest
4 голосов
/ 13 января 2012

Моя цель должна быть очевидной:

У меня есть две прямоугольные панели (деления), которые смежны (слева и справа) друг с другом.Я хотел бы взять границу между ними и расширить левую панель на восток, чтобы ее правый край двигался на восток, тогда как левый край правой панели также двигался на восток, и наоборот.Это обычная функция во многих приложениях для интерактивного изменения относительной ширины смежных панелей.

Я использую функцию JQuery Resizable, которая имеет опцию Кроме того.Я попробовал также функцию Сименса Эххолта tooResizeReverse, описанную здесь: jQuery UI Resizable tooResize reverse

Это очень крутая вещь, но не совсем то, что я ищу.

Если у кого-то было элегантное решение, или он мог бы объяснить, какой мод применить к функции tooResizeReverse, чтобы сделать эту работу?

Изменение размера с востока на запад (вертикальная граница) - моя основная цель, но с севера на юг (горизонтальный)было бы полезно также.Общее решение лучше всего.

спасибо

Филипп

1 Ответ

0 голосов
/ 08 мая 2013

Yay, нашел отличный плагин для решения вашей задачи: jQuery Splitter Plugin .

А вот короткая демонстрация: http://www.methvin.com/splitter/vbasic.html

UPD : этот плагин использует устаревшую версию jQuery и несовместим с текущими

...