jquery - 使用 jquery-ui 可排序的有限排序

Question

我不想对主 div 中的所有 div 进行排序，但无法处理这种情况。我的html：

<div class="demo">
    <div id="sortable" class="ui-state-default">
        <div id = "draggable1" class="">Home</div>
        <div id = "draggable2" class="">Contact Us</div>
        <div id = "draggable3" class="">FAQs</div>
        <div id = "draggable4" class="Test">Test</div>
    </div>
</div>​

在jQuery中：

$("#sortable").not('#draggable4').sortable({
    //revert: true
}); ​

示例：http: //jsfiddle.net/shree/sP3UZ/2193/

但我无法停止对第 4 个 div 进行排序。这可能吗？谢谢。

Answer 1

使用items属性draggable排除第四个 div。试试这个：

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

示例小提琴

更好的是按类排除，例如.notdraggable，然后您可以在整个站点中重用此系统。