Есть товары
<div class="dragger">Товар 1</div>
<div class="dragger">Товар 2</div>
<div class="dragger">Товар 3</div>
<div class="dropper-wrapper">
<div class="dropper">Корзина</div>
</div>
И js
function initDroppable() {
$('.dropper').droppable({
tolerance: 'touch',
drop: function (event, ui) {
$(this)
.addClass('highlight')
.text('Добавлено')
.droppable('destroy')
.siblings().removeClass('highlight');
},
hoverClass: 'highlight'
});
}
$(function () {
$('.dragger').draggable({
revert: true,
helper: 'clone',
start: function () {
initDroppable();
$('.dropper')
.removeClass('highlight')
.text('Droppable');
}
});
});
У меня при перетаскивании товара в корзину на корзине меняется текст на "добавлено", не понимаю как удалить именно этот товар при перемещении в корзину.
Буду очень благодарен. Должно быть что товар удаляется при перемещении.
