Как изменить содержимое перетаскиваемого объекта после дропа?

Question

[Николай]

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

Используется jQuery + jQuery UI

Имеем два списка ul

$('#variables').sortable({
        revert: true,
        receive: function (event, ui) {
            // Как изменить?
        }

    });

    $('.list-drag').draggable({
        connectToSortable: '#variables',
        helper: "clone",
        revert: "invalid"
    });

Необходимо после перетаскивания изменить объект, как это сделать?

Comments

[OVK2015]

Внутри draggable можно назначить обработчики на cсобытия start, drag и stop. Вам последний нужен

Answer 1

[Денис]

Как вариант

$('#variables').sortable({
    revert: true,
    update: function(event, ui) {

        if ($(ui.item).hasClass('ui-draggable')) {

            $(ui.item).css({
                color: '#fff',
                background: '#060'
            });
        }
    }
});

Comments

[Николай]

Спасибо, хороший вариант :)