Javascript jQuery:拖放:查找目标的id
我正在开发一个拖放应用程序。我有一个可以沿文档拖动的DIV,文档中还有一些其他DIV,我可以将一个DIV拖动到其他DIV,但是如何找到我将拖动DIV拖放到的DIV的id 我只想在放置另一个DIV之后知道目标DIV的idJavascript jQuery:拖放:查找目标的id,javascript,jquery,Javascript,Jquery,我正在开发一个拖放应用程序。我有一个可以沿文档拖动的DIV,文档中还有一些其他DIV,我可以将一个DIV拖动到其他DIV,但是如何找到我将拖动DIV拖放到的DIV的id 我只想在放置另一个DIV之后知道目标DIV的id 谢谢您应该能够从事件函数() 要明确说明此.id在任何事件中都有效。但是,如果使用事件委派,此将是目标div的某个父级。在这种情况下,您可以使用: var handleDrop=function(e) { var target=e.target || e.srcEleme
谢谢您应该能够从事件函数()
要明确说明
此.id
在任何事件中都有效。但是,如果使用事件委派,此将是目标div的某个父级。在这种情况下,您可以使用:
var handleDrop=function(e)
{
var target=e.target || e.srcElement;
var id=target.id;
// do something with it
}
您可以使用事件处理程序;它给你一个拖拽的和一个掉落的
function handleDropEvent(event, ui) {
alert('Dropped ' + ui.draggable.attr('id') + ' onto ' + event.target.id);
}
$('#someContainer').droppable({
drop: handleDropEvent
})
可能的副本必须基于选择器定义一个可拖放。你应该已经知道可降落目标的ID了,不是吗?胡猜!!该div将成为删除的div的父div。。因此,使用.parent和.children,您可能会发现,如果您在结束时需要id,就像fudgey所说的那样,但是如果您在删除可拖动div之后需要,那么这个.id应该在drop函数中。
function handleDropEvent(event, ui) {
alert('Dropped ' + ui.draggable.attr('id') + ' onto ' + event.target.id);
}
$('#someContainer').droppable({
drop: handleDropEvent
})