0
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'”。

4

0 回答 0