对于拖放功能,我使用的是 jquery-1.12.4.js 和 jquery-ui.js。当我使用它的 droppable
函数时,它有时有效,有时无效。这是我的 javascript 代码:
$(function() {
$(".connectedSortable").sortable({
connectWith: ".connectedSortable"
}).disableSelection();
});
$(document).ready(function() {
$(".connectedSortable").droppable({
drop: function(event, ui) {
console.log("event--", event);
}
});
});
这是我的完整代码:http://jsfiddle.net/vgmz6qnj/1/
最佳答案
上述问题归结为这个监听器:
$(".connectedSortable").droppable({
drop: function(event, ui) {
console.log("event--", event);
}
});
不会持续触发(如 OP 视频发布的所示)。
我的想法是,这是由于可放置区域的大小波动所致。我只是为了测试/证明我的理论所做的是使该区域高度 100%
,这样我就无法看到可转换监听器的失火。
注意变化:
- 添加了一些 CSS 使 body/html/table 高度为 100%,以便拥有无限的水平放置区域。
- 向名为
tableContainer
的表中添加了一个类。
如果我的假设有误,请纠正我。
关于javascript - 可丢弃事件偶尔不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51761367/