JQuery UI Sortable: Wie verhindere ich, dass ein bestimmtes Listenelement bewegt wird?

Question

Ich habe diese Liste:

    Überschrift (nicht sortieren)
    Zeile eins
    Zeile zwei

Wie kann ich verhindern, dass das erste li verschoben wird?

Answer 1

Sie können angeben, welche Elemente innerhalb des Sortable tatsächlich sortierbar sind. Dies sollte den Trick tun - ändern Sie das HTML wie folgt:

    Überschrift (nicht sortierbar)
    Linie eins
    Linie zwei

Dann wenn Sie das Sortierbare einrichten:

$('ul').sortable({ items: 'li[id!=header]' });

Hoffe, das hilft!

Answer 2

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

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