Jquery ui - sortable: przeciągnij przez ikonę 'uchwyt' w ramach elementu sortowalnego

Question

Mam jquery ui sortables działa dobrze, ale moje elementy sortable mają inne elementy interaktywne w nich. Aby zapobiec przypadkowemu sortowaniu podczas interakcji z elementami w sortowalnych elementach div, chciałbym w jakiś sposób sprawić, aby ruch przeciągania dla elementów sortowania wystąpił tylko podczas przeciągania określonego elementu wewnątrz sortowalnego, takiego jak ikona "ruchu", która może znajdować się w lewym górnym rogu każdego sortable. Czy jest to możliwe z ogólnym jqui, czy też muszę napisać własny hak?

Answer 1

Opcja handle wtyczki umożliwia określenie, który element może zainicjować sortowanie. Możesz podać selektor lub element.

Jeśli masz ten html, z .handler za uchwyt, aby rozpocząć proces sortowania:

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

zastosować opcję tak:

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

Można projektować swoje elementu uchwytu jakkolwiek lubić.