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：在多個無序列表之間移動列表項

回答

相關問題