jquery - 要素がソート可能なリストにドラッグされないようにする方法は?

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ソート可能、jquerynotは明らかに機能しません...

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

Answer 1

キャンセルを使用する必要があります。

ここで実際の例を参照してください。

J:

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

@Zephyr が指摘しているように、兄弟をドラッグして位置を再配置できます。それを避けたい場合は、owise1 アプローチを使用します。

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

Answer 2

sortable の「items」オプションを使用できます。

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

例

また...

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

例

Answer 3

次の方法でアイテムを明示的に除外できます。

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