У меня есть Sortable с методом onMove, который в некоторых случаях возвращает false. Как я могу изменить курсор на «не разрешено», когда он возвращает false, чтобы пользователю было ясно, что ему не разрешено помещать туда элемент. Это то, что я пробовал...
https://codepen.io/hobbeschild/pen/wBMoqLL
Я могу найти множество ответов, объясняющих, как изменить курсор при перетаскивании, но это постоянные решения CSS, а не динамические в зависимости от события onMove.
HTML:
14
Drag me by the handle
2
You can also select text
1
Best of both worlds!
CSS:
body {
padding: 10px;
}
.glyphicon-move {
cursor: move;
cursor: -webkit-grabbing;
}
.no-drop {
cursor: not-allowed !important;
}
JS:
// List with handle
Sortable.create(listWithHandle, {
handle: '.glyphicon-move',
animation: 150,
filter: ".disabled",
onMove: function (evt) {
if (evt.related.className.indexOf('disabled') === -1) {
return true;
}
evt.dragged.classList.add('no-drop');
return false;
}
});
Подробнее здесь: https://stackoverflow.com/questions/797 ... urns-false
