javascript - 拖放列表中的第一个元素静态

Question

我正在使用 sortable jquery 库。它真的很好用。我现在正在尝试让 li 列表的第一个元素保持静态，我希望这个第一个元素不要从第一个位置移动。不太确定如何执行此操作。

这是排序的代码。

关于其工作原理的小演示:http://jsfiddle.net/DiegoTc/vK588/

<ul class="nav nav-pills nav-stacked" id="sortable">
    <li id="pTabP" class="active">First</li>
    <li id="pTabP2" class="active">Second</li>
    <li id="pTabP3" class="active">Third</li>
</ul>

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

Answer 1

As the documentation说你可以决定你不想移动哪个元素，基于你的标记，你可以使用第一个元素的 id 并做类似

的事情

$("#sortable").sortable({
     items: "li:not(#pTabP)"
});

Here's a working example