Ограничение изменения размера Jquery до контейнера

Question

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

<div id='resizable'>
<div id='div1'></div>
<div id='div2'></div>
</div>

$("#div1").resizable({ containment: '#resizable' });

Но я хочу ограничить оба div внутри основного контейнера одновременно.Как я могу сделать это с помощью jquery?

Answer 1

Похоже, что это ошибка: http://bugs.jqueryui.com/ticket/5817

Вы можете обойти эту проблему, изменяя размеры друг друга соответственно.Вам нужно настроить это для нескольких делений: http://jsbin.com/ewajaw/edit#javascript,html,live

Это то, что вы хотите?

Answer 2

Вы пробовали maxWidth:

$("#div1").resizable({ containment: '#resizable', maxWidth: ($("#resizable").width() / 2) });