jquery - jquery中的嵌套可排序

Question

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

问题：我可以拖动每个列表中的项目，但不能将项目从一个列表移动到另一个列表。我发誓这是昨天的工作。我做了一个改变：我有所有的<ul>-s ，id="sortable"但把它改成了class="sortable"（因为 id 应该是唯一的）。我还将 JS 中的选择器从#sortableto.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
      });

Answer 1

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

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

添加了 connectWith 选项。我不确定为什么以前没有它就可以工作。