У меня есть маленький проект, который яЯ работаю над этим, и у меня есть интересная проблема с использованием jquery:draggable

По сути, у меня есть два div - top & и дно. Затем у меня есть третий div, который является .draggable ({}) и его можно перетаскивать, чтобы изменить размер верхнего и нижнего div.

- посмотрите здесь:http://jsfiddle.net/Kpt2K/7/

Вопрос в том, яЯ не могу содержать перетаскивание, как я хотел бы. В скрипке выше я поставил оранжевый<span></span>где яМне бы хотелось, чтобы сдерживание начиналось и заканчивалось.

Интересное примечание: я попытался сделать что-то из следующего:

$('#container').innerWrap('');

var containerHeight = $('#container').height();

$('#containmentBox').css({'height': containerHeight - 45);

это заставило работать защитную оболочку для дна, но не для верхнего пролета. Итак, я думаю, чтоя застрял с помощьюcontainment: [x1,y1,x2,y2], но убежищеЯ не совсем понял, как его использовать.

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