禁止嵌套 sortable 混合答案

【问题标题】：Forbid nested sortable to mix禁止嵌套 sortable 混合
【发布时间】：2017-02-27 12:58:10
【问题描述】：

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

<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({ ...

而且它有效。我可以对孩子和父母进行分类，我什至设法找到一种方法将它们分别保存在数据库中。问题是我让 sortableParent2 的孩子与 sortableParent1 的孩子一起去，即使我无法将其保存到数据库中，因为 ID 不匹配，它的计数器用户友好，如果可能的话，我希望每个 DIV孩子们只能在他们自己之间进行排序。

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

【问题讨论】：

这正是您使用默认值items 和connectWith jsfiddle.net/tnx8jrqs 得到的行为如果它不适合您，您可以创建一个minimal reproducible example 吗？
@blgt Ha，鉴于小提琴完全按照我的意愿工作，并且我的代码中有 connectWith:#sortableGrandParent、#sortableParent1、#sortableParent2，删除它解决了我的问题。如果您想将此作为答案发布，您有我的勾选。

标签： javascript jquery jquery-ui jquery-ui-sortable nested-sortable

【解决方案1】：

如评论中所述：

这正是使用 items 和 connectWith 的默认值时得到的行为

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

小提琴：http://jsfiddle.net/tnx8jrqs/

【讨论】：