gpt4 book ai didi

jquery - 拖放事件触发两次

转载 作者:行者123 更新时间:2023-12-01 01:14:07 24 4
gpt4 key购买 nike

我正在编写一个脚本,在拖放列表项时遇到问题。当我将项目拖动到可放置区域时,事件会触发两次。这是我的代码。请在此处查看代码

$('.draglist div').draggable({        
cursor: 'move',
helper: 'clone',
connectToSortable: '.droplist'
});
$(".droplist").droppable({
drop: function (event, ui) {
var dragtext = $(ui.draggable).text();
alert(dragtext);
}
});
$('.droplist').sortable({
opacity: 0.6,
revert: true,
cursor: 'move',
placeholder: "highlight",
});

See DEMO

最佳答案

这是一个 jQuery UI 错误。一个简单的解决方法是使用 sortable receive event而不是可放置的 drop 事件。这样做时,该事件仅被触发一次。

Updated Example

$(".droplist").droppable().sortable({
opacity: 0.6,
revert: true,
cursor: 'move',
placeholder: "highlight",
receive: function(event, ui) {
var dragtext = $(ui.item[0]).text();
alert(dragtext);
}
});

关于jquery - 拖放事件触发两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34387011/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com