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

Question

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

draggable / droppable的代码：

 $(".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更宽的宽度所以它可以找到一个中间元素...愚蠢的解决方案，但现在可以使用