javascript - jquery draggable - 拖动时调整选择器的大小

Question

我对 Jquery 可拖动有问题，我想拖动一个 DIV，在拖动时我将调整 DIV 的大小。似乎 Jquery 在启动时计算选择器的高度/宽度，调整大小后它将从一开始计算高度/宽度，而不是实际/实时，如果我使用容器，它将无法正常工作。

这是一个例子：http: //jsfiddle.net/zwQ2S/

$("#selector").draggable({ containment: "#container", scroll: false});
$("#selector").draggable( "option", "axis", "y");
$("#container").mousemove(function() {
var margin =parseInt($("#selector").css("top"));
    if (margin > 10){
   $("#selector").css("height", "100px");
    }
});  

PS：我想将可拖动用于具有动态内容/加载的滚动条。

Answer 1

我在这里找到了解决方案，最后的小提琴：http: //jsfiddle.net/XLrNF/178/

     var $container = $("#demo");
function resizeContainer(e, ui) {
    //resize container here
    var w1 = ui.helper.outerHeight(),
        w2 = $container.height();
    //console.log([ui.position.left, w1, w2].join(' : '));
    ui.position.top = Math.max(Math.min(ui.position.top, w2 - w1), 0);
}
$("#draggable").draggable({
    axis: "y",
    drag: resizeContainer
});