2013-08-30 242 views
0

調整選擇我用jQuery可拖動的一個問題,我想拖一個DIV,雖然拖着我將調整DIV。好像jQuery的計算選擇的高度/寬度只是在開始,調整後它會從一開始計算高度/寬度而不是實際/直播,如果我用一個容器,將無法正常工作。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:我想用拖動的動態內容/加載一個滾動條。

回答

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 
});