拖放事件不会触发

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

HTML（代码段了，因为有很多这些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");

在这里，我有我的下降事件：

$(".droppable").droppable({ 

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

     } 
    });

来源

2010-06-21 Sune

这是什么语言？你能发表一个你的代码的例子吗？ – 2010-06-21 12:17:27

1.您是否有'draggable（）'的元素。2.可拖动的容器是否有'position：relative'。 3.同一个元素是否有'.sortable（）'绑定到它？，我过去遇到过问题。 – adardesign 2010-06-21 14:03:40

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

来源

2010-06-21 14:05:32 adardesign

元素被绑定。在我追加它们之后，我调用一个绑定它们的函数。 – Sune 2010-06-21 14:30:23

过度工作，我找到了另一个解决方案，我改变了我的draggables的高度，并且我在draggable上使用了grid选项。这意味着它不可能在2个可拖动项目上放置一半可拖动项目。如果不清楚我的解决方案，我很乐意提供更详细的描述并发布一些代码。 – Sune 2010-06-22 05:18:36

拖放事件不会触发

回答

相关问题