jQuery UI Sortable: Comment empêcher un élément de liste spécifique d'être déplacé?

Question

Je cette liste:

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

Comment puis-je empêcher le premier li d'être déplacé?

Answer 1

Vous pouvez spécifier quels éléments du Sortable peuvent être triés. Cela devrait faire l'affaire-modifier le code HTML comme suit:

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

Ensuite, lorsque vous configurez la sortable:

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

Hope this helps!

Answer 2

Vous pouvez exclure explicitement les éléments (à l'exception de ne pas les inclure):

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