可丢弃事件偶尔不起作用

Question

对于拖放功能，我使用的是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/

Answer 1

所述问题归结为以下事实：

$(".connectedSortable").droppable({
drop: function(event, ui) {
console.log("event--", event);
}
});

不会持续触发(如OP视频中所示(。

我的想法是，这是由于可下降区域的大小波动。我所做的只是为了测试/证明我的理论，就是使该区域高度100%，因此我无法看到可掉落听众的失火。

这是 jsFiddle

请注意以下更改：

1. 添加了一些CSS使body/html/表格高度为100%，以便具有无限的水平放置区域。
2. 向表中添加了一个名为tableContainer的类。

如果我的假设是错误的，请纠正我。