Вычислить перетаскиваемые divs - jquery

Question

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

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

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

Как это сделать?

Answer 1

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

Answer 2

jQuery resizable thingy позволяет указать stop callback. Я бы предположил, что проще всего было бы написать обратный вызов, определяющий размер пикселя элемента, и вычисляет относительный размер, а затем устанавливает его на элементе.

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