jQuery嵌套可排序列表

我有这个代码

$(document).ready(function() {
    $("#test-list").sortable({
        items: "> li",handle : '.handle',axis: 'y',opacity: 0.6,update : function () {
            var order = $('#test-list').sortable('serialize');
            $("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats");
        }
    });
    $("#test-sub").sortable({
        containment: "ul",items: "li",update : function () {
            var order = $('#test-list').sortable('serialize');
            $("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats");
        }
    });
});

对于这种UL

<ul id="test-list">
  <li></li>
  <li>
    <ul id="test-sub">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
   </ul>
  </li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

但可以动态更改…
当我拖放主锂时它正在工作
当我与孩子一起做时,它将拖拽主要的

怎么了？

最佳答案

我在此上写了博客.这不是那么简单和有点混乱,而是真的很简单.

http://a.shinynew.me/post/4641524290/jquery-ui-nested-sortables