jquery ui sortierbar disable für einen li item

Question

Es ist möglich, jquery ui nur für ein Listenelement sortierbar zu deaktivieren? Hier ist das Codebeispiel:

<ul class="sortable"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
</ul> 

Zum Beispiel werde ich sortierbar deaktivieren, wenn ich Artikel klicken. Bitte Hilfe. Hier

ist die Javascript-Code:

$(document).ready(function(){ 
    $('.sortable li').click(function(){ 
     // Disable sortable for this item............. 
    }); 
}); 

Answer 1

Sicher, versuchen, etwas wie folgt aus:

$(".sortable").sortable({ 
     items: "li:not(.unsortable)" 
    }); 
$(".sortable").disableSelection(); 

Durch die Verwendung der items option Sie die Elemente angeben, die können und nicht sortiert werden können.

jsFiddle example

Answer 2

können Sie explizit Elemente ausschließen (beiseite, indem sie nicht):

$(".sortable").sortable({ 
    cancel: ".disable-sort-item" 
}); 

Answer 3

Ich weiß, diese Frage ist alt. aber ich lasse dich wissen, richtige Antwort. Wie man Artikel dynamisch deaktiviert und durch Klicken aktiviert. Weil ich das gleiche Problem bei 2016 habe: D

vor allem. Alles, was Sie tun müssen, ist, Elemente auf die sortierbare festzulegen, was beim Start deaktiviert wird. Parameter hinzufügen, was deaktivierte Elemente aus der Liste zu entfernen (es benötigt beim ersten init):

var sortable = $("#sortable-sections"); 
sortable.sortable({ 
    items: 'li:not(.ui-state-disabled)', 
    helper: 'clone', 
}); 
sortable.disableSelection(); 

(Bootstrap in Beispiel verwendet)

Dann einfach Ereignis-Listener hinzufügen, habe ich onClick, so zB hier:

Sortable-Element wird nur sortierbar sein, wenn er Daten hat, was sortierbarItem genannt wird, so dass es dynamisch deaktiviert wird, hoffe, es hilft jemandem.

Prost!