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

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

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

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

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

$('#container').innerWrap('<div id='containmentBox' />');

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

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

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

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