使用CSS和JS在HTML5中拖放

Question

我试图将图像拖放到网页上的空白模具中。 因此，我先尝试一个盒子。 然而，当我将图像拖入框中时，图像不会导致框中，而是在框外。任何想法出了什么问题？

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("image");
    var new_img = $('#'+data).clone();
    $('#'+ev.target.id).html(new_img);
    ev.target.appendChild(document.getElementById(data));
}

Answer 1

这可能是一个CSS问题，而不是JS。 确保你没有在你的图像上设置float属性（你可以在你的CSS中添加img {float: none !important;}并查看它是否已解析）。

如果这证明是问题，请看看如何应用clearfix： 我可以使用哪些'clearfix'方法？