l'événement de dépôt ne se déclenche pas

Question

Je travaille sur un calendrier. J'ai plusieurs gouttes les unes à côté des autres (à l'envers). En plus de ces droppables, j'ai deux éléments déplaçables qui sont également redimensionnables. Chaque gouttelette est 25px de hauteur et 200px de largeur. Le premier draggable a une hauteur de 60px (élément 1) et l'autre (élément 2) a une hauteur de 20px. Mon problème est que lorsque je fais glisser l'élément 2 sur l'élément 1 et le dépose entre deux gouttes, l'événement drop ne se déclenche pas. Dans toutes les autres situations de glisser-déposer, cela fonctionne parfaitement, l'événement de chute se déclenche.

HTML (extrait de code de car il y a beaucoup de ces 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 (Ici je crée mes rendez-vous (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"); 

Et ici je mon événement de baisse:

$(".droppable").droppable({ 

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

     } 
    }); 

Answer 1

essayez de voir si d'autres méthodes se déclenchent, comme la méthode over().