jQuery Drop事件没有触发

Question

我试图将链接（.link）从一个div（.folder）移动到另一个div（.folder），但是drop事件没有触发。我想我通过防止dragenter和dragover事件中的默认行为使所有.link divs可放置区域。这是代码：

$(document).ready(function() {
    //Logic for create folder button
    $("#create-folder-button").click(createFolder);

    // //Logic for drag and drop for the links
    $(".folder").on("dragstart", function(e) {
        console.log("dragstart");
    });
    $(".folder").on("dragenter dragover", function(e) {
        e.preventDefault();
    });
    $(".folder").on("drop", function(e) {
        e.preventDefault();
        console.log("drop");
    });
});

＆＃34; dragstart＆＃34;打印但是＆＃34; drop＆＃34;犯规。

Answer 1

你需要有e.stopPropogation（）：

$(".folder").on("drop", function(event) {
    event.preventDefault();  
    event.stopPropagation();
    alert("Dropped!");
});