Question

我正在制作日历。我有多个可放置的掉落（颠倒）。除了那些droppables之外，我还有两个可重新调整的可拖动元素。每个可放置的高度为25px，宽度为200px。第一个可拖动的高度为60px（元素1），另一个（元素2）的高度为20px。我的问题是当我将元素2拖到元素1上并将其放在两个droppable之间时，drop事件不会触发。在所有其他拖放情况下，它完美地工作，drop事件会触发。

HTML（代码段已关闭，因为有很多这些可放置的内容）：

<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（我在这里创建约会（draggables））：

  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");

在这里，我有我的放弃事件：

    $(".droppable").droppable({

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

        }
    });

Answer 1

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

掉落事件不会发生

1 个答案: