使元素可拖动？

Question

我正在尝试使元素可拖动，如下所示：

var element = $("<li id='test'>Hello</li>");
element.appendTo("#panelParent");
element.draggable("enable");
element.draggable("option", "connectToSortable", '#panelTarget');
element.draggable("option", "helper", 'clone');
element.draggable("option", "revert", 'invalid');

当我尝试拖动这个元素时，没有任何反应。如果我事先将对象嵌入页面而不是尝试动态创建元素，它工作正常。知道我错过了什么吗？例如，这有效：

$(function() {
    $("#test").draggable({
        connectToSortable: '#panelTarget',
        helper: 'clone',
        revert: 'invalid'
     });
});

<ul>
  <li id='test'>Hello</li>
</ul>

谢谢

Answer 1

实际上，电话应该是：

element.draggable();

不

element.draggable("enable");

也许我正在阅读文档错误，它确实说：

.draggable( "enable" )

由于