jQuery刪除事件沒有觸發

我試圖將鏈接（.link）從一個div（.folder）移動到另一個div，但drop事件未觸發。我想我通過防止dragenter和dragover事件中的默認行爲來製作所有的.link divs droppable區域。這裏的代碼：jQuery刪除事件沒有觸發

$(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」打印，但「下降」doesnt。

來源

2016-08-05 Joaquim Ferrer

請小提琴，也說明你期待什麼呢？ –

現在我只想把它打印出來。我有幾個div與類「文件夾」和 s裏面。我想將它們移動到divs。 –

該代碼是否包含在'$（document）.ready（）{}'中？如果沒有，並且在_folder_被定義之前發生，那可能是問題所在。 – LAROmega

你需要有e.stopPropogation（）：

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

來源

2016-08-05 19:39:20

它的工作原理！但爲什麼？ –

jQuery刪除事件沒有觸發

回答

相關問題