如何使ul列表中的元素不可分割和不可分割？

Question

ul列表包含一些项目。最后一项必须始终保持静止位置。我尝试使用cancel方法的.sortable()选项，但它不会关闭可排序，只是拖动。

<ul id="sort">
    <li>Jquery</li>
    <li>MooTools</li>
    <li>Prototype</li>
    <li>YUI</li>
    <li class="last">must stay static (add position button)</li>
</ul>

$('#sort').sortable({
    cancel: '.last'
});

示例小提琴：http://jsfiddle.net/mbarinov/JLZvY/

Answer 1

您可以使用items选项指定排除公开last类的项目的选择器：

$('#sort').sortable({
    items: "li:not(.last)"
});

您会找到更新的小提琴here。