2012-01-13 87 views
0

我想創建一個可排序的列表使用jquery可排序的插件。jquery可排序,列表與小節

我希望像這樣的列表...

  • 第1
    • 小組第1節
      • 項目1
    • 小組第2節
      • 項目2
      • 項目3
      • 項目4
  • 第2節
    • 子第三節
      • 項目5
      • 項目6
    • 子第4節
      • 項目7
      • 項目8

在他們的等級的物品必須留在他們的水平,即這是錯誤的...

  • 第1
    • 第2

或...

  • 項目1
  • 第1
    • 項目2

我曾試圖把它分解成可排序的地區,但失敗了。所有幫助非常感謝。



PS //當部分或子部分移動其子項必須與它

回答

0

移動要做到這一點的方法是確保每一個嵌套列表具有相同的類,並且將可排序的類綁定到該類,也使得列表不可選。例如:

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(我修改這一點,但另有從中竊取代碼上面的答案)

+0

對不起,遲到的迴應,這是完美的,非常簡單。謝謝 – osnoz 2012-01-18 10:20:28