实现我用的小部件从http://www.jordivila.net/jquery-widget-inheritance.html嵌套类别排序,它为我工作。
尝试使用这个简单的HTML文件
<script src="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList/widgetTreeList.js" type="text/javascript"></script>
<script src="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList_inheritance/widgetTreeList_Sort.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
<link href="http://www.jordivila.net/code/js/jquery/ui-widgetTreeList/widgetTreeList.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#treeListSortable {width:300px;}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#treeListSortable').treeListSortable();
});
</script>
<ul id="treeListSortable">
<li>Node 1
<ul>
<li>Node 12</li>
<li>Node 9</li>
<li>Node 7
<ul>
<li>Node 6</li>
<li>Node 11</li>
<li>Node 10</li>
<li class="ui-treeList-open">Node 8
<ul>
<li>Node 5</li>
<li>Node 2</li>
<li>Node 4</li>
<li>Node 3</li>
</ul>
</li>
</ul>
</li>
<li>Node 13</li>
</ul>
</li>
</ul>