jQuery Draggable没有像预期的那样运行

Question

我的jQuery拖放环境this fiddle的行为并不像预期的那样：每个初始div应该可以自由拖动，'adddiv'按钮将添加另一个可拖动的div。他们不应该停止拖拽，他们应该能够被拖拽而不会冻结在位。

我已经使用.draggable()来启用拖动功能，并向控制台报告定位，并向.append()添加更多div。

在初始移动之后，它们会冻结，但附加的div可以再次移动。

Answer 1

动态分配的属性值，就像 -

$("#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/上工作，适用于多个动态追加块，而不会冻结。

Answer 2

我修复了您的问题。

您每次单击添加div时都会创建一个具有相同标识'6'的div。

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

}); 

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

Answer 3

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

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