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

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 可排序中使用 connect with 连接多个 div。我希望 div 中存在的某些元素不与其他排序 div 连接，甚至用户也不能拖动那些元素索引应该固定或需要固定的元素。

Answer 1

您可以使用items选项来指定可以对哪些元素进行排序

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

演示：小提琴