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

陈述的问题归结为以下事实：

.babelrc

不能持续触发（如OP视频所显示）。

我的想法是，这是由于可放置区域的大小波动所致。我只是为了测试/演示我的理论而做的是使该区域高度$(".connectedSortable").droppable({ drop: function(event, ui) { console.log("event--", event); } });，并且因此我看不到可投放监听器的失火。

Here is the jsFiddle

请注意更改：

添加了一些CSS，使body / html / table的高度为100％，以便具有无限的水平放置区域。
在表中添加了一个名为100%的类。

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

可投放事件偶尔不起作用

1 个答案: