jquery ui tek bir öğe için devre dışı bırakma

Question

Sadece bir liste öğesi için jquery ui sortable devre dışı bırakılabilir mi? Ben öğeyi tıklayın Örneğin

<ul class="sortable"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
</ul> 

ben sıralanabilir devre dışı bırakacaktır: İşte kod örneğidir. Lütfen Yardım.

$(document).ready(function(){ 
    $('.sortable li').click(function(){ 
     // Disable sortable for this item............. 
    }); 
}); 

Answer 1

Tabii, böyle bir şey deneyin:

$(".sortable").sortable({ 
     items: "li:not(.unsortable)" 
    }); 
$(".sortable").disableSelection(); 

items option sen ve sıralanabilir edemeyeceğini öğeleri belirtebilirsiniz kullanarak

İşte javascript kodudur.

jsFiddle example

Answer 2

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

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

Answer 3

Biliyorum, bu soru eskidir. ama doğru cevabı bilmene izin verdim. Öğeyi dinamik olarak devre dışı bırakma ve tıklama yoluyla etkinleştirme. Çünkü aynı sorunu 2016'da aldım: D

her şeyden önce. Yapmanız gereken her şey, başlangıçta neyin devre dışı bırakılacağını sorgular için ayarlamaktır. listeden engelli öğeleri kaldırmak neyi parametreyi ekleyin (ilk init ihtiyaç):

var sortable = $("#sortable-sections"); 
sortable.sortable({ 
    items: 'li:not(.ui-state-disabled)', 
    helper: 'clone', 
}); 
sortable.disableSelection(); 

Sonra sadece olay dinleyicisi eklemek

(örnekte kullanılan Bootstrap), I, onClick kullanılan böylece örnek burada:

Sortable-item yalnızca sortableItem adlı veriye sahip olduğunda sıralanabilir olacaktır, böylece dinamik olarak devre dışı bırakılacak, birilerine yardım edeceğini umarız.

Şerefe!