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属性（您可以将img {float: none !important;}添加到CSS中，看看它是否已解析）。

如果证明这是问题，请查看如何应用clearfix：What methods of ‘clearfix’ can I use?

使用CSS和JS在HTML5中拖放

1 个答案: