jquery ui sortable disable dla jednego li itema

Question

Możliwe jest wyłączenie jquery ui sortable tylko dla jednego elementu listy? Oto przykładowy kod:

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

Na przykład będę wyłączyć sortable po kliknięciu elementu. Proszę o pomoc.

Oto kod javascript:

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

Answer 1

Jasne, spróbuj coś takiego:

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

Używając items option można określić elementy, które mogą i nie mogą być sortowane.

jsFiddle example

Answer 2

można jednoznacznie wykluczyć elementy (poza tym, nie je):

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

Answer 3

wiem, to pytanie jest stary. ale dam ci znać właściwą odpowiedź. Jak dynamicznie włączać i wyłączać element poprzez kliknięcie. Ponieważ mam ten sam problem w 2016 roku: D

po pierwsze. Wszystko, co musisz zrobić, to ustawić elementy na sortable, co zostanie wyłączone na starcie. Dodaj parametr co usunąć przedmioty wyłączone z listy (nie jest to konieczne na pierwszym pliku init):

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

(Bootstrap stosowany w przykładzie)

Wtedy właśnie dodać detektor zdarzeń, użyłem onClick, więc przykład tutaj:

sortable.find('li').click(function() { 
    $(this).toggleClass('ui-state-disabled'); 
    $(this).hasClass('ui-state-disabled') ? $(this).removeData('sortableItem') : false; 
}); 

Sortowalny przedmiot będzie można sortować tylko wtedy, gdy ma dane o nazwie sortableItem, dzięki czemu stanie się dynamicznie wyłączony, mam nadzieję, że komuś pomaga.

Pozdrawiam!