拖放列表上的第一个元素静态

Question

我使用可排序的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

正如文档所说，你可以决定不移动哪个元素，在你的标记中你可以使用第一个元素的id，然后像

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

下面是一个工作示例

Answer 2

From docs: http://jqueryui.com/sortable/#items

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