Question

我正在尝试使用.sortable但我不知道为什么，它不起作用。

我的目的是：重新命令div列表并更改父节点，如wordpress admin中的菜单。如果可能的话，当我移动div时，显示占位符。

在我上面的例子中，我不能只对div进行排序......只是'掉落'到另一个，有时，我在FF上出现这个错误：

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

我的代码（非常基本）：

jQuery(document).ready(function () {

     $(".node").sortable({
        connectWith: ".node"
    }).disableSelection();
});

我创造了一个小提琴： http://jsfiddle.net/wwzu6qbr/3/

Answer 1

http://jsfiddle.net/wwzu6qbr/5/

您已使用类node作为父级和子级div，并且您使用类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>

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

1 个答案: