Jquery ui - sortable: перетаскивание по значку "дескриптор" в пределах сортируемого элемента

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

Ответы

Ответ 1

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

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

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

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

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

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