JQuery UI：在多个无序列表之间移动列表项

我想对多个和多级无序列表进行排序。JQuery UI：在多个无序列表之间移动列表项

一个例子：

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> 
    <script> 
     $(function() { 
      $(".connectedSortable").sortable({ 
       connectWith: ".connectedSortable" 
      }).disableSelection(); 
     }); 
    </script> 
</head> 
<body> 
<div id="list"> 
    <ul id="list1" class="connectedSortable"> 
     <li title='1'>Foo1</li> 
     <li title='2'>Foo2 
      <ul id="list3" class="connectedSortable"> 
       <li title='3'>FooBar1</li> 
       <li title='4'>FooBar2</li> 
       <li title='5'>FooBar3</li> 
       <li title='6'>FooBar4</li> 
      </ul> 
     </li> 
     <li title='7'>Foo3</li> 
     <li title='8'>Foo4</li> 
     <li title='9'>Foo5</li> 
     <li title='10'>Foo6</li> 
     <li title='11'>Foo7</li> 
    </ul> 
    <ul id="list2" class="connectedSortable"> 
     <li title='12'>Bar1</li> 
     <li title='13'>Bar2</li> 
     <li title='14'>Bar3</li> 
    </ul> 
</div> 
</body> 
</html>

我还需要两个信息是可访问的时候，当我为列表项目排序：父元素的ID - 存储在父元素标题（0，如果犯规了一个父元素）和列表的id（如list1和list2 - 不是list3）。你将如何实现这一点？欢迎任何信息。

PS：我在UI方面很新。

来源

2012-02-14 Zoli

在这里，我做了一个jsfiddle与解决方案。主要想法是使用containment属性sortable来告诉每个列表保留在其内部。

来源

2012-02-15 09:36:07

谢谢你的回应！ – Zoli 2012-02-15 20:01:56

JQuery UI：在多个无序列表之间移动列表项

回答

相关问题