Jquery Sortable，列出子部分

Question

我正在尝试使用Jquery可排序插件创建可排序列表。

我想要一个这样的列表...

• 第1节
  • 第1小节
    • 第1项
  • 第2小节
    • 第2项
    • 第3项
    • 第4项
• 第2节
  • 第3小节
    • 第5项
    • 第6项
  • 第4节
    • 第7项
    • 第8项

他们级别的项目必须保持在他们的水平，I.E。这是错误的......

• 第1节
  • 第2节

...或

• 第1项
• 第1节
  • 第2项

我试图将其分解为可排序区域但失败了。所有人都非常感谢。

PS //移动某个部分或子部分时，其子项必须随之移动

Answer 1

执行此操作的方法是确保每个嵌套列表具有相同的类，并将可排序的一次绑定到此类，同时使列表无法选择。例如：

HTML：

<ul class='list'>
  <li>item1</li>
  <li>item2</li>
  <li>item3
    <ul class='list'>
      <li>item 1</li>
      <li>item 2</li>
    </ul>
  </li>
</ul>

JS：

$(function() {
  $("ul.list").sortable({
    helper: 'clone',
    cursor: 'move',
    tolerance: 'pointer'
  });
  $("ul.list").selectable();
  $("ul.list").disableSelection();
});

请看这里：http://jsbin.com/eyoxu/22（我修改了这个，但是为了上面的答案从中偷了代码）