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

jquery draggable - resize selector while dragging

本文关键字：选择器 调整 draggable- 拖动 jquery      更新时间：2023-09-26

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

以下是一个示例：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");
    }
});

附言：我想使用可拖动的滚动条与动态内容/加载。

我在这里找到了一个解决方案，最后一个fiddle：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
});
相关文章：