禁用可排序或使用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元素。