Làm thế nào để không cho phép các bộ phận của danh sách jquery sắp xếp di chuyển?

Question

tôi đã thực hiện một danh sách sắp xếp được:

<ul> 
    <li class="line"><a href="#" class="food">milk</a></li> 
    <li class="line"><a href="#" class="food">eggs</a></li> 
    <li class="line"><a href="#" class="food">cheese</a></li> 
</ul> 

Tuy nhiên, tôi muốn làm cho tất cả mọi thứ với thực phẩm lớp không kéo. Vì chúng là các liên kết, đôi khi khi mọi người nhấp vào chúng, chúng vô tình sắp xếp lại danh sách. Có ai biết làm thế nào để làm cho chỉ là "thực phẩm" hạng mục không "kéo được"?

Answer 1

Giả sử chọn sắp xếp được của bạn là .line:

$('.line').sortable({ cancel: 'a.food' }); 

Xem: The cancel option trong tài liệu jQuery UI để biết chi tiết.