Jquery 按更改节点父节点对div列表重新排序

我正在尝试使用。可排序，但我不知道为什么，它不起作用

我的目的是：重新排序一个div列表并更改父节点，就像wordpress admin中的菜单一样。如果可能，当我移动div时，显示占位符

在我上面的例子中，我不能只对div进行排序。。。只是“掉入”另一个，有时，我在FF上出现以下错误：

HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy

我的代码（非常基本）：

我制作了一把小提琴：

您已将class

node

用于父和子div，并将class

node

用于可排序，它正在尝试使文档上的所有div都可排序。您需要为子div使用不同的类

<div class="node">
    <div class="nodea">Contain 1</div>
    <div class="nodea depth_1">Under Contain 1</div>
    <div class="nodea">Contain 2</div>
    <div class="nodea">Contain 3</div>
    <div class="nodea">Contain 4</div>
    <div class="nodea">Contain 5</div>
</div>

包含1
下包含1
包含2个
包含3个
包含4
包含5个

谢谢！！它正在工作，但如果我想更改节点父节点：例如，将“Under Contain 1”移动到根节点，通过删除深度样式css，我该怎么做？@Portekoi我想你的意思是将

放到
下的Contain 1
下的
。节点
并在拖放时删除其类。可能有一个
丢弃的
或
排序的
回调，您可以在其上删除该类。我不知道答案是什么，但听起来像是个新问题。
<div class="node">
    <div class="nodea">Contain 1</div>
    <div class="nodea depth_1">Under Contain 1</div>
    <div class="nodea">Contain 2</div>
    <div class="nodea">Contain 3</div>
    <div class="nodea">Contain 4</div>
    <div class="nodea">Contain 5</div>
</div>