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

时间:2013-08-30 11:12:13

标签: javascript jquery dynamic resize draggable

我有一个问题,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:我想对具有动态内容/加载的滚动条使用draggable。

1 个答案:

答案 0 :(得分:0)

我找到了一个解决方案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
});