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();    
} 

Главным образом просто спрятать вспомогательные узлы, пока отсортированная опция не будет перенесена в ее конечное положение.