Jquery przeciągalny droppable z tabelą - jquery-ui, przeciągalny, droppable

Hej używam Jquery przeciągalne droppable ztable I zainicjalizowałem oba i ich działanie, ale problem polega na tym, że obszar zrzucany jest tabelą, a element drop jest w div, gdy próbuję upuścić element, który pokazuje pod tabelą, chcę, aby identyfikator wiersza, w którym jest umieszczony ale zamiast tego otrzymuję cały stół

Poniżej znajduje się kod

Kod JavaScript dla tabeli

$(function() {
$( "#draggable" ).draggable({ axis: "y" });

$( "#droppable" ).droppable({
drop: function(event, ui) {
console.log($(this).find("tr.pen"))
$(this).append($(ui.draggable));
}
});
});

Kod tabeli jest bardzo duży daj mi znać, jeśli możesz pomóc, z przyjemnością prześlę Ci kod

Jestem otwarty na każdą sugestię

Dziękuję Ci .

Odpowiedzi:

Jeśli chcesz upuścić przeciągane na poszczególne wiersze, nie twórz instancji zrzucania na cały stół, ale raczej na <tr>s stołu. Sprawdź, czy ten kod działa dla Ciebie:

$(function() {
$( "#draggable" ).draggable({ axis: "y" });

$( "#droppable tr" ).droppable({
drop: function(event, ui) {
$(this).append($(ui.draggable));
}
});
});