jQuery UI ordinabile: come si impedisce che uno specifico elemento dell'elenco venga spostato?

Question

Ho questa lista:

<ul> 
    <li class="line"><a href="#" class="drag">header (do not sort)</a></li> 
    <li class="line"><a href="#" class="drag">line one</a></li> 
    <li class="line"><a href="#" class="drag">line two</a></li> 
</ul> 

Come posso evitare che il primo li di essere spostato?

Answer 1

È possibile specificare quali elementi all'interno di Sortable sono effettivamente ordinabili. Questo dovrebbe fare il trucco-modificare il codice HTML come segue:

<ul> 
    <li class="line" id="header"><a href="#" class="drag">header (do not sort)</a></li> 
    <li class="line"><a href="#" class="drag">line one</a></li> 
    <li class="line"><a href="#" class="drag">line two</a></li> 
</ul> 

Poi, quando si imposta l'ordinabile:

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

Spero che questo aiuti!

Answer 2

È possibile escludere esplicitamente articoli (a parte non includendo loro):

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