jQuery Draggable沒有像預期的那樣運行

我的jQuery拖放環境this fiddle的行爲並不像預期的那樣：每個初始div應該可以自由拖動，'adddiv'按鈕將添加另一個可拖動的div。他們不應該停止拖拽，他們應該能夠被拖拽而不會凍結在位。jQuery Draggable沒有像預期的那樣運行

我已經使用.draggable()來啓用拖動功能，並向控制檯報告定位，並向.append()添加更多div。

在初始移動之後，它們會凍結，但附加的div可以再次移動。

來源

2013-06-04 user1202278

「add」功能還存在另一個問題 –

動態分配的屬性值，就像 -

$("#adddiv").click(function() { 

     var lastid = $("#set div").last().attr('data-need') 
     lastid = parseInt(lastid) + 1; 

     $('#set').append('<div id="' + lastid+ '" data-need="' +lastid + '"></div>'); 
     $("#" + lastid).draggable(); 
});

可能有更簡潔的方式來做到這一點。不過，這可以在jsFiddle http://jsfiddle.net/vQ3Tg/上工作，適用於多個動態追加塊，而不會凍結。

來源

2013-06-04 13:32:23 janenz00

我修復了您的問題。

您每次單擊添加div時都會創建一個具有相同標識'6'的div。

$("#adddiv").click(function() { 
    $('<div></div>').draggable().appendTo($('#set')); 

});

小提琴：http://jsfiddle.net/vQ3Tg/1/

來源

2013-06-04 12:54:04

謝謝，但是一旦拖動停止，原始的div凍結。仍然不能'再次選擇他們' – user1202278

@ user1202278：你確定嗎？它對我來說工作得很好。 –

您必須使用class而不是id。 Demo Here。

$('#set').append('<div class="6" data-need="6"></div>');

來源

2013-06-04 13:55:16 imBACK

jQuery Draggable沒有像預期的那樣運行

回答

相關問題