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元素。