jQuery Drop Ereignis nicht feuern

Question

Ich versuche, Links (.link) von einem Div (.folder) zu einem anderen zu verschieben, aber das Drop-Ereignis wird nicht ausgelöst. Ich glaube, ich habe alle dropfähigen Bereiche von .link divs gemacht, indem ich Standardverhalten in Dragenter- und Dragover-Events verhindert habe. Hier ist der Code:

$(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"); 
    }); 
}); 

Die "Dragstart" druckt, aber die "Drop" nicht.

Answer 1

Sie müssen e.stopPropogation haben():

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