javascript - 可丢弃事件偶尔不起作用

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%，这样我就无法看到可转换监听器的失火。

Here is the jsFiddle

注意变化:

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

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