[英]jQuery Drop event not firing
I'm trying to move links (.link) from one div (.folder) to another but the drop event is not firing. 我正在尝试将链接(.link)从一个div(.folder)移到另一个,但drop事件没有触发。 I think I made all .link divs droppable areas by preventing default behaviour in dragenter and dragover events. 我认为我通过防止Dragenter和Dragover事件中的默认行为使所有.link divs可放置区域。 Here's the 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");
});
});
The "dragstart" prints but the "drop" doesnt. 打印“ dragstart”,但不打印。
You need to use event.stopPropagation()
: 您需要使用event.stopPropagation()
:
$(".folder").on("drop", function(event) {
event.preventDefault();
event.stopPropagation();
alert("Dropped!");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.