JqueryUI Draggable - 自动调整父容器大小

Question

我有两个div,一个在另一个内.外部div(容器)具有任意尺寸.内部div设置为小于其容器的指定尺寸.

我已经将jquery draggable应用于内部div,并且当我将内部div拖过容器的外边缘时,我正在寻找自动调整其父容器的大小.我该怎么做呢？

在问一个新问题时,我在StackOverflow上看到了类似的功能.用于输入问题的textarea有一个名为"grippie"的div,用于调整textarea的大小.这正是我正在寻找的功能,但使用div而不是textarea.

Answer 1

干得好.水平和垂直工作.请参阅 http://jsfiddle.net/evunh/1/

var i = $('#inner');
var o = $('#outer');
i.draggable({
    drag: function(event, ui) {
        if (i.position().top > o.height() - i.height()) {
            o.height(o.height() + 10);
        }
        if (i.position().left > o.width() - i.width()) {
            o.width(o.width() + 10);
        }
    }
});