Javascript jquery上的drop函数不起作用
我正在为我的JavaScript游戏创建一个库存系统,这是我的第一个问题。以下是我的HTML和JavaScript代码: HTMLJavascript jquery上的drop函数不起作用,javascript,jquery,html,Javascript,Jquery,Html,我正在为我的JavaScript游戏创建一个库存系统,这是我的第一个问题。以下是我的HTML和JavaScript代码: HTML <div class="body backpack"> <div class="itemSlot"> <div class="item" draggable="true"> <svg width="24" height="24" viewBox="0 0 24 24"> <
<div class="body backpack">
<div class="itemSlot">
<div class="item" draggable="true">
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z"></path>
</svg>
<div class="itemInfo">
<h4>Wooden Sword</h4>
<p>Lorem </p>
</div>
</div>
</div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
<div class="itemSlot"></div>
</div>
您可以在这里看到正在运行的代码
当我拖动项目时,它console.log
正确,当我将拖动项目悬停在可拖放插槽上时,它console.log也正确,但当我拖放项目时,它不会console.log
任何内容
我不知道我做错了什么
谢谢你,祝你今天愉快。:) 您可能正在查找dragstop事件:
$(".item").on("dragstop", function(ev){
console.log("test")
})
可能重复感谢,但这并没有解决我的问题。我希望.itemSlot是一个可以放置物品的地方。谢谢你的回答,但我没有JqueryUI
$(".item").on("dragstop", function(ev){
console.log("test")
})
$(document).ready(function(){
var draggedItem;
$(".item").on("dragstart", function(ev){
draggedItem = this;
console.log(draggedItem)
})
$(".itemSlot").on("dragover", function(ev){
event.preventDefault();
console.log("You can drop it here!")
})
$(".item").on("drop", function(ev){
console.log("test")
})
});