使用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的{​​{1}}属性排除第四个div。试试这个：

draggable

Example fiddle

最好还是按类排除，例如$("#sortable").sortable({ items: ":not(#draggable4)" }); ，然后您可以在整个网站中重复使用此系统。