Использование 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.