jQuery UI Sortable: Belirli bir liste öğesinin taşınmasını nasıl engellerim?

Question

Bu listeyi sahibim:

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

İlk li'nin taşınmasını nasıl engelleyebilirim?

Answer 1

Sortable içinde hangi öğelerin aslında sıralanabilir olduğunu belirtebilirsiniz. Bu-trick değiştirmek do aşağıdaki gibi HTML olmalıdır:

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

Sonra sıralanabilir kurarken: Bu yardımcı olur

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

Umut!

Answer 2

Açıkça (onları dahil etmeyerek kenara) öğeleri hariç tutabilirsiniz:

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