丢弃重复div的事件？

Question

我有一个将重复的div

for (var i=0; i<5; i++) {
    <div class="preview"><img src="path"/></div>
}

我希望所有这些div都有drop事件，如果从一个div掉到另一个div，它应该提醒我。

我试过这个，但没有用。

$('.preview').on('drop', function (e) {
    alert("dropped")
    console.log("e", e);
});

我应该怎样做才能让所有div都有drop事件？

demo

请尝试将图像拖入div（vishnu）

Answer 1

目前尚不清楚，但如果你的元素是动态的，你可以使用这样的选择器将事件监听器添加到文档中。

$(document).on('drop', '.preview', function (e) {
    alert("dropped")
    console.log("e", e);
});

jQuery on documentation

另请注意，请确保您的代码处于就绪处理程序中，如下所示：

$(function () {
    $(document).on('drop', '.preview', function (e) {
        alert("dropped")
        console.log("e", e);
    });
});