Jquery ui - có thể sắp xếp: kéo theo biểu tượng 'xử lý' trong phần tử có thể sắp xếp

Question

Tôi có phân loại jquery ui hoạt động tốt nhưng các yếu tố có thể sắp xếp của tôi có các yếu tố tương tác khác bên trong chúng. Để ngăn việc sắp xếp ngẫu nhiên khi tương tác với các phần tử bên trong các div có thể sắp xếp, tôi muốn bằng cách nào đó làm cho chuyển động kéo cho các sắp xếp chỉ xảy ra khi kéo một phần tử nhất định trong sắp xếp, chẳng hạn như biểu tượng 'di chuyển' có thể cư trú ở góc trên cùng bên trái của mỗi loại có thể sắp xếp. Điều này có thể với jqui chung, hoặc tôi sẽ cần phải viết móc của riêng tôi?

Answer 1

Tùy chọn handle của plugin cho phép bạn xác định đó là phần tử có thể bắt đầu sắp xếp. Bạn có thể cung cấp bộ chọn hoặc phần tử.

Nếu bạn có html này, với .handler là xử lý để bắt đầu sắp xếp:

<ul class="sortable"> 
    <li> 
     <span class="handle"></span> 
     My element 
    </li> 
</ul> 

Áp dụng các tùy chọn như thế này:

$(".sortable").sortable({ handle: '.handle' }); 

Bạn có thể tạo kiểu yếu tố xử lý của bạn tuy nhiên bạn như.