JQuery UI - сортируемый: перетаскивание по иконке «ручка» внутри сортируемого элемента

Question

У меня хорошо работает сортировка jquery ui, но в моих сортируемых элементах есть другие интерактивные элементы.Чтобы предотвратить случайную сортировку при взаимодействии с элементами внутри сортируемых элементов div, я бы хотел, чтобы перемещение с перетаскиванием для сортируемых элементов происходило только при перетаскивании определенного элемента внутри сортируемого элемента, например значка «перемещение», который может находитьсяв верхнем левом углу каждого сортируемого.Возможно ли это с универсальным jqui, или мне нужно написать собственный хук?

Answer 1

Опция handle плагина позволяет вам определить, какой элемент может инициировать сортировку.Вы можете предоставить селектор или элемент.

Если у вас есть этот html, с .handler в качестве ручки для начала сортировки:

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

Примените параметр следующим образом:

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

Вы можете стилизовать элемент ручки так, как вам нравится.