Показать сообщение отдельно
  #1 (permalink)  
Старый 18.06.2018, 21:08
Интересующийся
Отправить личное сообщение для Роман1479 Посмотреть профиль Найти все сообщения от Роман1479
 
Регистрация: 06.10.2017
Сообщений: 24

Помогите разобраться jquery UI
Есть товары
<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');
        }
    });
});

У меня при перетаскивании товара в корзину на корзине меняется текст на "добавлено", не понимаю как удалить именно этот товар при перемещении в корзину.
Буду очень благодарен. Должно быть что товар удаляется при перемещении.
Ответить с цитированием