Я уверен, что это может быть подобрано, но вот кое-что, что, кажется, работает:
function dropRow(event, ui) {
var target = $(event.target);
var draggable = ui.draggable;
var tr = $('<tr><td>' + draggable.text() + '</td></tr>');
target.before(tr);
tr.droppable({ drop: dropRow, greedy: true });
}
function dropTable(event, ui) {
var target = $(event.target);
var draggable = ui.draggable;
var tr = $('<tr><td>' + draggable.text() + '</td></tr>');
target.append(tr);
tr.droppable({ drop: dropRow, greedy: true });
}
$("#mytable").droppable({
drop: dropTable
});
Этот вопрос может относиться - частью вашей проблемы является подключение события «drop» к элементам, которые еще не существуют (и «live» также не обрабатывает «drop»).