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

【问题标题】：jQueryUI Draggable: Error with dynamically added elementjQueryUI Draggable：动态添加元素时出错
【发布时间】：2011-08-15 10:04:19
【问题描述】：

我略微扩展了 jQueryUI 示例“可拖动 + 可排序”（http://jqueryui.com/demos/draggable/sortable.html），使其能够动态添加可拖动元素。现场示例可以在这里找到：http://jsfiddle.net/MLSqa。

点击添加按钮后，新的可拖动项目优雅地添加到#sortable 列表中。

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

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

【问题讨论】：

【解决方案1】：

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

您不必在新项目上“重新创建”可拖动对象。只需将新项目添加到已经存在的可拖动项即可。

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

【讨论】：

太棒了！正是我要找的！我怎样才能为你投票？
您可以从 Fiddle 复制并粘贴它（答案中的链接）。您将如何实现它我无法准确告诉您，但 HTML 代码（左上区域）应该在您想要拥有可拖动列表的位置进行修改/插入。左下角的 javascript 应该在 <script> 标签或 js 文件中（包括在内）。 CSS（右上角）应该在 <style> 标签或 css 文件（包含）中。