拖放事件不會觸發

我正在處理日曆。除了彼此之外，我還有多個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

拖放事件不會觸發

回答

相關問題