jQueryUI Draggable：动态添加元素时出错

Question

我稍微扩展了jQueryUI示例“Draggable + Sortable”（http://jqueryui.com/demos/draggable/sortable.html），以便能够动态添加可拖动元素。可以在此处找到实例：http://jsfiddle.net/MLSqa。

单击“添加”按钮后，新的可拖动项目正常添加到#sortable列表。

但是。当试图用鼠标移动它（第一次）它突然跳到左上角。只有第二次尝试才​​能获得成功。

如何解决这种奇怪的行为？如何正确拖动新添加的项目？

Answer 1

检查更新：http://jsfiddle.net/MLSqa/1/

您不必在新项目上“重新创建”可拖动项目。只需将新项目添加到现有的可拖动项目中。

我还删除了变量框前面的$。如果你愿意，你可以把它放回去。