jQueryドロップイベントが発生しない

Question

1つのdiv（.folder）から別のdiv（.folder）にリンク（.link）を移動しようとしていますが、ドロップイベントが発生していません。私は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"); 
    }); 
}); 

"dragstart"は印刷されますが、 "drop"は表示されません。

Answer 1

あなたがe.stopPropogationを持っている必要があります（）：

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