Question

我正在使用sortable jquery lib。它的效果非常好。我现在正尝试将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

来自文档：http://jqueryui.com/sortable/#items

$(function() {

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

});

Answer 2

As the documentation说你可以决定你不想移动哪个元素，根据你的标记，你可以使用第一个元素的id并执行类似的操作

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

Here's a working example

第一个元素静态的拖拽和放下李清单

2 个答案: