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 的寬度，以便它可以找到一個中間元素......愚蠢的解決方案，但現在有效