Я работаю над календарем. У меня есть несколько сбрасываемых предметов, кроме друг друга (вверх ногами). Помимо этих предметов, у меня есть два перетаскиваемых элемента, которые также можно изменять. Каждая капля имеет высоту 25px и ширину 200px. Первый перетаскиваемый объект имеет высоту 60 пикселей (элемент 1), а другой (элемент 2) - высоту 20 пикселей. Моя проблема в том, что когда я перетаскиваю элемент 2 поверх элемента 1 и помещаю его между двумя объектами сброса, событие сброса не запускается Во всех других ситуациях перетаскивания это работает отлично, событие сброса срабатывает.
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 (Здесь я создаю свои встречи (перетаскиваемые)):
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");
}
});