Question

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

$("#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：我想对具有动态内容/加载的滚动条使用draggable。

Answer 1

我找到了一个解决方案Here，最后的小提琴：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
});

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

1 个答案: