Làm cách nào để tạo thành phần tử trong danh sách ul không thể xóa và không thể phân tách?

Question

Danh sách ul chứa một số mục. Mục cuối cùng phải luôn ở vị trí tĩnh. Tôi đã cố gắng sử dụng tùy chọn cancel của phương pháp .sortable(), nhưng nó không tắt được sắp xếp, chỉ cần kéo.

<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' 
}); 

Ví dụ fiddle: http://jsfiddle.net/mbarinov/JLZvY/

Answer 1

Bạn có thể sử dụng items tùy chọn để chỉ định một selector mà không bao gồm các vạch trần lớp last:

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

Bạn sẽ tìm thấy một fiddle cập nhật here.