Рассчитать перетаскиваемые div - jquery

Question

У меня есть два элемента на странице, которые представляют два столбца. Оба плавающих влево, имеют 49% ширины и отступа вправо на 0,5%. В каждом столбце есть различные элементы, расположенные вертикально вниз. Теперь я хочу создать функцию, которая позволит пользователю изменять размер каждого элемента div в столбце или, если это невозможно, функцию, которая позволит пользователю изменять размер каждого столбца.

Мне удалось сделать один div в столбце с изменяемым размером ($ ('# divid'). Resizable ();), но я хочу изменить скрипт, поэтому автоматический расчет включен.

Чтобы объяснить. Если пользователь изменяет размер правого столбца на xx%, я хочу, чтобы левый столбец уменьшал размер на xx%

Как с этим справиться?

Answer 1

JQuery изменяемого размера вещь позволяет вам указать остановка обратного вызова . Я полагаю, что проще всего было бы написать обратный вызов, который определяет размер элемента в пикселях, вычисляет относительный размер и затем устанавливает его для элемента.

Для этого потребуется знать, какому элементу будет соответствовать ширина или высота, что может быть нетривиальным для автоматического определения. Возможно, вам нужно убедиться, что это определенный элемент в вашем HTML; возможно, для этой цели добавьте конкретный содержащий div.

Answer 2

Посмотрите на элемент jQuery UI Resizable .