如何使ul列表中的元素不可排序和不可拖动

Question

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

<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

您可以使用项选项指定一个选择器，该选择器排除暴露last类的项:

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

您将在这里找到更新的小提琴