Проблемы с модификацией содержимого JQuery drop

Question

У меня есть два <ul> настроенных и связанных для перетаскивания через JQuery. Я хотел бы добавить текст, когда поле будет удалено в <li>, который был удален.

Вот мой код - падение работает нормально, но я не уверен, как изменить текст.

$(function () {
    $("#sortable1, #sortable2").sortable({
        connectWith: ".connectedSortable"
     }).disableSelection();
});

Answer 1

Вы можете использовать любую из функций обратного вызова (нажмите на вкладку «События»), чтобы изменить текст. Здесь я использовал событие update ( демо ):

$(function() {
    $("#sortable1, #sortable2").sortable({
        connectWith: ".connectedSortable",
        update: function(event, ui) {
            // remove other messages
            $('span.message').remove();
            // add message to current item
            ui.item.append('<span class="message"> - dropped!</span>');
        }
    }).disableSelection();
});