禁止嵌套可排序混合

时间:2016-10-18 09:55:03

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

我有一个带有特殊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({ ...

它有效。我可以对孩子和父母进行排序,我甚至设法找到一种方法将它们分别保存在DB中。 问题是我有sortableParent2的子项和sortableParent1的子项一起使用,即使我无法将其保存到DB中,因为ID不匹配,它的计数器用户友好且如果可能的话我想要每个DIV的孩子们只能在他们之间进行排序

我很确定我需要以某种方式使用connectWith并获得一些混合N'匹配情况,但我一点也不确定如何?

1 个答案:

答案 0 :(得分:1)

如评论中所述:

这正是您使用默认值itemsconnectWith

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

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