appedingTo在sortable中的作用是什么？

Question

我创建了一个非常简单的示例来检查appendTo正在做什么：

<ul id="sortable">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

<script type="text/javascript">
    $("#sortable").sortable({ appendTo: document.body });
</script>

当我尝试选择其中一个项目时，请检查chrome中的开发人员工具，以查看它在拖动过程中是否移动（追加）到正文..但它没有..

appendTo实际上做了什么？

Answer 1

它实际上应该将helper元素放在您指定的元素上。我认为Chrome开发者工具可能存在问题。

它将创建一个包含原始元素的辅助元素。当然，从容器中取出旧的。如果拖动无效，它将返回原始元素。

希望它有所帮助！