Использование jQuery UI drag-and-drop: изменение перетаскиваемого элемента по капле

При использовании перетаскиваемых и сбрасываемых объектов в пользовательском интерфейсе jQuery, как вы изменяете перетаскиваемый элемент по капле? Я пытаюсь перетащить один DIV в другой сортируемый DIV. При удалении я хотел бы изменить классы на удаленном DIV и изменить его содержимое innerHTML.

После прочтения различных вопросов StackOverflow мой код выглядит следующим образом:

$(".column").droppable({
  accept: '.element-dragging', 
    drop: function(event, ui) {
        if ($(ui.draggable).hasClass("elemtxt")) {
            $(ui.draggable).replaceWith('<div class="element element-txt">This text box has been added!</div>');
        }
    }
})

Это не работает для меня. :-(

Полная копия моего кода находится по адресуhttp://www.marteki.com/jquery/bugkilling.php.

Ответы на вопрос(1)

Ваш ответ на вопрос