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 sortable で connect with を使用して複数の div を接続しています。div に存在する要素の一部を他のソート div と接続しないようにしたいのですが、ユーザーでさえそれらの要素をドラッグできません。これらの要素のインデックスを修正する必要があるか、修正する必要があります。

Answer 1

itemsオプションを使用して、ソートできる要素を指定できます

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

デモ:フィドル