jQuery UI Clasificable: ¿Cómo evito que se mueva un elemento específico de la lista?

Question

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

¿Cómo puedo evitar que el primer li se mueva?

Answer 1

Puede especificar qué elementos dentro de Sortable son realmente ordenables. Esto debería hacer el truco-cambiar el código HTML de la siguiente manera:

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

Luego, cuando se configura el sortable:

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

Espero que esto ayude!

Answer 2

Puede excluir explícitamente los puntos (a un lado por no incluirlos):

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