Как сделать элемент в списках ul несортируемым и нерассортируемым?

#javascript #jquery #jquery-ui

#javascript #jquery #jquery-пользовательский интерфейс

Вопрос:

Список 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 /

Ответ №1:

Вы можете использовать опции items, чтобы указать селектор, который исключает элементы, которые предоставляют last класс:

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

Вы найдете обновленный fiddle здесь.