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;
}
这是我的代码。当我粘贴第一张图片没有问题。如果第一张图像出现在我尝试拖动第二张图像时,则必须出现模态对话框。如果我点击是我需要清除第一个图像,我必须删除我之前删除的第二个图像。因为我发现错误为“未捕获类型错误:无法调用方法'clonenode'为null”。