drop 事件不会触发

Question

我正在制作日历。我有多个可放置的东西（倒置）。在这些 droppables 之上，我有两个可拖动的元素，它们也可以调整大小。每个 droppable 的高度为 25 像素，宽度为 200 像素。第一个可拖动对象的高度为 60px（元素 1），另一个（元素 2）的高度为 20px。我的问题是，当我将元素 2 拖到元素 1 上并将其放在两个可放置对象之间时，放置事件不会触发。在所有其他拖放情况下，它都能正常工作，drop 事件会触发。

HTML（sn-p off，因为有很多这样的 droppables）：

<div style="height:25px; width:200px; border-bottom:1px solid black;" class="droppable">
      <div class="time">Kl 8:00 </div>
</div>   
<div style="height:25px; width:200px; border-bottom:1px solid black;" class="droppable">
      <div class="time">Kl 8:15 </div>
</div>

jQuery（在这里我正在创建我的约会（可拖动））：

  appointment1 = $("<div style='height: 60px; width: 150px;  position: absolute; left: 508px; top: 214px;' id='drag2' class='draggable'><div><span class='gage1'>Drag</span></div></div>");
     appointment1.appendTo("#gage1");
     appointment2 = $(" <div class='draggable' id='drag1' style='height:20px; width:150px; position: absolute; left: 508x; top: 270px;'><div><span class='gage2'>Drag</span></div></div>");
     appointment2.appendTo("#gage2");

这里有我的 drop 事件：

    $(".droppable").droppable({

        drop: function (event, ui) {
            alert("drop");

        }
    });

Answer 1

尝试查看其他方法是否会触发，例如 over() 方法。