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

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" 
});