Как сделать jQuery UI sortable divs перетаскиванием только из значка?

Я использовал некоторые jQuery UI-сортируемые плагины, но я всегда находил ту же проблему, я не могу выбрать или щелкнуть внутри сортируемых DIV, поэтому, возможно, я смогу найти решение, поставив значок, из которого вы можете перетащить div, чтобы вы могли выбрать другую часть.

Как это сделать?

Спасибо

Ответы

Ответ 1

В каждом из ваших сортируемых элементов укажите все, что вам нужно, в качестве дескриптора. (IE, a img или стилизованный span.) Дайте элементу (-ам) дескриптора имя класса — handle может быть хорошим выбором.

В вашем сортируемом конструкторе установите селектор handle в класс, который вы указали на свои дескрипторы.

$('#div').sortable({
    handle: '.handle',
    cursor: 'move',
    ...
});

Я также рекомендовал бы дать вашему элементу handle стиль .handle { cursor:move; }, чтобы у пользователя было некоторое указание на то, что захват его позволит им перемещать элемент вокруг.