javascript - jquery uiでソート可能またはドラッグを無効にする

Question

ナビゲーション要素であるため、ドラッグしたくない div 内に div があります。

例：

$(function() {
    $( "#container" ).sortable();
    $( "#container" ).disableSelection();
});

<div id="container">
   <div class="move">drag me around</div>
   <div class="nav">Don't move me</div>
</div>

基本的に.navをドラッグしたくないので、これを試しましたが、うまくいきませんでした

$( "#sortable1" ).sortable({
            items: "li:not(.ui-state-disabled)"
        });

Answer 1

ソート可能にしたくないアイテムを除外するだけです：

$('#container').sortable({
    items: 'div:not(.nav)'
});

現在のフィルターはli要素に作用しており、要素を使用していdivます。