jquery-ui - Jquery 可拖放与表

Question

嘿，我正在使用带有表的 Jquery Draggable droppable 我已经初始化了两者及其工作，但问题是可放置区域是表，当我尝试将它显示的项目放在表下方时，放置项目在 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

如果要将可拖动对象拖放到单个行上，则不要在整个表上实例化可拖放对象，而是在<tr>表的 s 上实例化。检查此代码是否适合您：

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

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