Jquery draggable droppable与表

Question

嘿我正在使用Jquery draggable droppable with table我已初始化它和它的工作，但问题是droppable区域是table和drop项目在div当我尝试删除它显示在桌子下面的项目时，我想要放置它的行ID，而不是我得到整个表

以下是代码

表的JavaScript代码

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

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

表格代码非常大，如果您能提供帮助，请告诉我，我很乐意向您发送代码

我愿意接受任何建议

谢谢。

Answer 1

如果要删除单个行上的draggable，则不要在整个表上实例化droppable，而是在表的<tr>上实例化。检查此代码是否适合您：

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

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