jQueryのUIの並べ替えを無効に問題

Question

私はネストされたソート可能なリストを持っている：

<ul class="testSortable"> 
    <li class="ui-state-default" rel="1">What Can I Say? 
     <ul class="testSortable" rel="1"> 
      <li class="ui-state-default" rel="4">Total Divisions 
      <ul class="testSortable" rel="4"></ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

私はそれがドロップすることができないので、問題は、それを作っている、それはとてもUIソートは、リスト全体でドラッグアンドドロップすることができ作るしようとしています子要素を削除し、ノード全体を消滅させます。

私の現在のコードは次のとおりです。

$('.testSortable').sortable({ 
axis:  'y', 
cursor:  'move', 
connectWith: '.testSortable', 
placeholder: 'ui-state-highlight',   
start: function(evt, ui){ 
    $(ui.item).children(".testSortable").sortable('disable'); 
}, 
stop: function(evt, ui){ 
    $(ui.item).children(".testSortable").sortable('enable'); 
} 
}); 

これは子要素にクラスを作るように見えるが無効と表示されますが、実際には何も無効になりませんので、プレースホルダは不透明ですが、あなたはまだに低下することが子要素。

何か提案がありますか？

Answer 1

ノードを実際に無効にする方法を探した後、私は回避策を考え出しました。

start: function(evt, ui){ 
    $(".testSortable", ui.item).hide();    
}, 
stop: function(evt, ui){ 
    $(".testSortable", ui.item).show();    
} 

ソートされたオプションが最終位置に移動するまで、主にサブノードを隠すだけです。