如何禁用某些可排序元素的拖动行为

Question

我有以下div元素,我想只排序没有的元素class="nodragorsort".

<div id="1" class="one">
    <div>one </div>
    <div class="nodragorsort">this should be fixed </div>
    <div class="nodragorsort">this should be fixed </div>
    <div>one </div>
</div>

我在jQuery sortable中连接使用connect连接多个div.我希望div中存在的一些元素不与其他排序div连接,甚至用户也不能拖动那些元素索引应该修复或需要修复的元素.

Answer 1

您可以使用items选项指定可以排序的元素

$('.one').sortable({
    items: '> :not(.nodragorsort)'
})

演示:小提琴