jquery中的嵌套可排序答案

【问题标题】：Nested sortable in jqueryjquery中的嵌套可排序
【发布时间】：2013-08-21 12:40:00
【问题描述】：

我在嵌套的<ul>-s 之间进行了这个 jQueryUI 排序，但我不知何故弄坏了一些东西。

问题：我可以拖动每个列表中的项目，但不能将项目从一个列表移动到另一个列表。我发誓这是昨天的工作。我做了一个更改：我拥有所有<ul>-s 和id="sortable"，但将其更改为class="sortable"（因为id 应该是唯一的）。我还将 JS 中的选择器从 #sortable 更改为 .sortable 以匹配。这不会导致这种情况，不是吗？

转载于此：http://jsfiddle.net/DY2Ez/2/

/* JS */
      $( document ).ready(function() {
        $( "#accordion" ).accordion({ collapsible: true });
        $( ".sortable" ).sortable({ items: "> li.s" });
        $( ".sortable" ).disableSelection(); 
        $( "li.cntrl" ).sortable({ disabled: true }); //make controls not sort
      });

【问题讨论】：

如果你之前使用#sortable，你的jQuery选择器只会匹配一个元素。现在您正在使用.sortable，它正在接收所有这些。这是一个值得研究的显着差异。
这是您要找的吗？ jsfiddle.net/DY2Ez/3
@JasonP 这看起来符合 OP 的要求；值得肯定地添加它作为答案吗？
@AdrianWragg 他的问题我不清楚，我不喜欢发布我不确定的答案。
谢谢@JasonP 这就是我所追求的。对不起，如果我不清楚。

标签： jquery jquery-ui jquery-ui-sortable

【解决方案1】：

@JasonP 在上面的评论中提供了答案。第三行代码应该是：

$( ".sortable" ).sortable({ items: "> li.s", connectWith:'.sortable' });

添加了 connectWith 选项。我不确定为什么以前没有它也能正常工作。

【讨论】：