2012-01-13 9 views
0

Jqueryソート可能なプラグインを使用してソート可能なリストを作成しようとしています。Jqueryソート可能、サブセクション付きリスト

私はこのようなリストが欲しい...

  • 第1
    • サブセクション1
      • 項1
    • サブセクション2
      • 項2
      • 項3
      • 項目4
  • 第2
    • サブセクション3
      • 項目5
      • 項目6
    • サブセクション4
        彼らのレベルで3210
      • 項7
      • 項目8

アイテムはすなわち、自分のレベルにとどまる必要がありますこれは間違っている...

  • 第1
    • 第2

か...

  • 項1
  • 第1
    • 項2

は私がソート可能な領域にそれを打破しようとしたが失敗しています。すべての助けが大いに感謝します。



セクションまたはサブセクションでは、それ

答えて

0

でこれを行う方法を移動する必要があり、その子アイテムを移動した場合、すべてのネストされたリストが同じであることを確認している// PSこのクラスに一度ソート可能なものをバインドし、リストを選択不可にします。

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

関連する問題