jQuery UI Sortable: Como posso evitar que um item da lista específica de ser movido?

Question

Eu tenho esta 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>

Como posso evitar que o primeiro li de ser movido?

Answer 1

Você pode especificar quais itens dentro da Sortable são realmente classificáveis. Isso deve fazer o truque-mudança do HTML da seguinte forma:

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

Então, quando você configurar o classificáveis:

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

Espero que isso ajude!

Answer 2

Você pode excluir explicitamente itens (além de não incluí-los):

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