如何排除元素被拖到可排序列表中？

Question

如何從排序列表中排除元素？例如，有一個類名爲'note'的元素，我不要想要可拖拽？

<ul class="sortable"> 

      <li id="item_3">Item 3</li> 
      <li id="item_4">Item 4</li> 
      <li id="item_5">Item 5</li> 

      <p class="note">This is a note only</p> 
    </ul> 

jQuery UI的排序，jQuery的not顯然是行不通的......

$(function() { 
    $(".sortable:not(.note)").sortable(
    }).disableSelection(); 
}); 

Answer 1

您需要使用取消。

參見工作示例here。

JS：

$(function() { 
    $('.sortable').sortable(); 
    $('.sortable').disableSelection(); 
    $('.sortable').sortable({ cancel: '.note' }); 
});​ 

由於@Zephyr指出的那樣，這使你可以重新安排拖動兄妹的位置，如果你想避免這種情況，使用owise1 approach：

$('.sortable').sortable({ 
    items : ':not(.note)' 
}); 

Answer 2

你可以使用可排序的「items」選項：

$(".sortable").sortable({ 
    items : 'li' 
}); 

example

或...

​​

example

Answer 3

你可以明確地排除的項目：

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