function drop(ev)
{
var len=$("#div2 img").length;
if(len == 0)
{
paste(ev);
}
else if(len == 1){
var $dialog = $('<div></div>')
.html("You need to drag another the image.")
.dialog({
autoOpen: false,
title: "ALERT",
modal: true,
buttons: {
Yes: function() {
$(this).dialog("close");
var list=document.getElementById("ClonedElementX");
list.parentNode.removeChild(list);
alert(len)
if( len==1){
alert("hi")
paste(ev);
}
},
Cancel: function() {
$(this).dialog("close");
}
}
});
function paste(ev){
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
var clone = document.getElementById(data).cloneNode(true);
clone.id='ClonedElementX';
ev.target.appendChild(clone);
document.getElementById("ClonedElementX").width="180";
document.getElementById("ClonedElementX").height="180";
var imagesrc = document.getElementById("ClonedElementX").src;
}
这是我的代码。当我粘贴第一张图片时,没有问题。如果当我尝试拖动第二张图像时第一张图像在那里,则必须出现模式对话框。如果我单击是,我需要清除第一张图像,并且我必须删除我之前删除的第二张图像。因为我将错误捕获为“未捕获的类型错误:无法调用 null 的方法 'clonenode'”。