禁止嵌套排序混合

Question

我有一个 parent div 有一个特殊的 ID，我正在对它的 children 进行排序。那些 children 也有可排序的 children，我会让这些 children 也有可排序的项目。所以我的可排序嵌套分为三个级别

<div id="sortableGrandParent">
  <div id="sortableParent1">SomeTitle1
    <div id="sortableChild11">I want these to only</div>
    <div id="sortableChild21">sort between themselves</div>
  </div>
  <div id="sortableParent2">SomeTitle2
    <div id="sortableChild21">And not jump to here</div>
  </div>
</div>

我用

发起这一切

  jQuery(function () {

          jQuery("#sortableGrandParent, #sortableParent1, #sortableParent2").sortable({ ...

并且有效。我可以对 children 和 parent 进行排序，我什至想出了一种方法将它们分别保存在数据库中。问题是我将 sortableParent2 的 children 与 sortableParent1 的 children 放在一起，尽管我无法将其保存到数据库中，因为 ID 不匹配，但它的反用户友好且如果可能的话，我希望每个 DIV 的 children 只在它们之间进行排序。

我很确定我需要以某种方式使用 connectWith 并获得一些混合 N' 匹配情况，但我完全不确定该怎么做？

Answer 1

如评论中所述：

这正是您使用默认值 items 和 connectWith

获得的行为

jQuery("#sortableGrandParent, #sortableParent1, #sortableParent2").sortable({
    items: ">*",
    connectWith: false
});

Fiddle: http://jsfiddle.net/tnx8jrqs/

禁止嵌套排序混合

Forbid nested sortable to mix

javascript

jquery

jquery-ui

jquery-ui-sortable

nested-sortable