Я использую JQuery UI для реализации изменяемых размеров / перетаскиваемых элементов. Теперь я хотел бы определить содержание для этих элементов, которое ограничивает изменение размера / перетаскивание ровно с трех (!) Сторон. Например. Посмотри на этоПример JSFiddle, Вы можете видеть, что содержащийся элемент может быть изменен или перемещен только внутри родительского элемента 'площадь с.

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

Такэта модификация это то, что я придумал:

// resizable/draggable option
resize/drag : function(event, ui) {
    expandParent("#parentElement", "#dragElement");
}

function expandParent(parentName, childName) {
    var dragEl = $(childName);
    var dragElTop = parseInt(dragEl.css("top"), 10);
    var dragElHeight = parseInt(dragEl.css("height"), 10);
    var dragElBottom = dragElTop + dragElHeight;
    var parentEl = $(parentName);
    var parentElBottom = parseInt(parentEl.css("height"));
    if(parentElBottom