jQueryUI - 在表格问题中拖动元素

Question

我正在使用 jqueryui 创建自定义调度程序，但拖放事件存在问题。 如果我有一个长度为 2 个单元格的拖动元素，它不会触发放置事件，但是如果它是奇数，例如 3，它将触发它。 那是因为他选择中间的 droppable 元素作为目标，但如果它有 2 个元素，他就没有中间元素......有谁知道解决方法，或者我可以使用的其他一些事件？ 这是我试图实现的目标的图像：

可拖动/可放置的代码：

 $(".draggable").draggable({
        containment: '.calendar-cells',
        grid: [47, 27]
    });

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

编辑：这是小提琴： https : //jsfiddle.net/k5ovt5gk/3/

Answer 1

最后用 css 解决了它......给每个奇数单元格增加了 .1px 的宽度，以便它可以找到一个中间元素......愚蠢的解决方案，但现在有效