Jquery dragable dropable mit Tisch - jquery-ui, ziehbar, dropable

Hey, ich verwende Jquery mit Drag-DropTabelle Ich habe beide initialisiert und funktioniert, aber das Problem ist, dass der abhebbare Bereich Table ist und das Drop-Element in div ist Stattdessen bekomme ich den ganzen Tisch

Folgendes ist der Code

JavaScript-Code für die Tabelle

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

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

Der Tabellencode ist sehr groß. Lassen Sie mich wissen, wenn Sie helfen können. Ich werde Ihnen gerne den Code senden

Ich bin offen für jeden Vorschlag

Vielen Dank .

Antworten:

Wenn Sie das Draggable auf einzelne Zeilen ablegen möchten, instanziieren Sie das Dropable nicht für die gesamte Tabelle, sondern für die <tr>s der Tabelle. Prüfen Sie, ob dieser Code für Sie funktioniert:

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

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