2009-08-26 13 views
0

Ich habe eine verschachtelte sortierbare Liste:jQuery UI Sortierung deaktivieren Ausgabe

<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> 

Ich versuche, kann es so UI Sortieren ziehen zu machen und in der Liste fallen, die Frage ist, so dass es so nicht fallen kann ein untergeordnetes Element und bewirkt, dass der gesamte Knoten verschwindet.

Mein aktueller Code ist:

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

Dies scheint die Klasse auf der untergeordneten Elemente wie Behinderte zeigen zu machen, ist aber nicht wirklich etwas deaktivieren, so dass der Platzhalter ist undurchsichtig, aber Sie können immer noch auf die Drop Kindelement.

Irgendwelche Vorschläge?

Antwort

0

Nach der Suche nach einem Weg, um die Knoten tatsächlich ohne Erfolg zu deaktivieren, kam ich mit einem Workaround.

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

Hauptsächlich nur die Unterknoten ausblenden, bis die sortierte Option an ihre endgültige Position verschoben wird.

Verwandte Themen