У меня есть ежедневные календари для просмотра событий, а также список дел с идентификаторами. Я хочу взять событие и поместить его в div, чтобы я мог назначить событие для этого конкретного идентификатора (PHP, MySQL и ajax).
В основном это так:
<div id="1" class="list-item"></div>
<div id="2" class="list-item"></div>
<div id="3" class="list-item"></div>
$('#calendar').fullCalendar({
defaultView: 'agendaDay',
editable:true,
revertDuration:0,
events: {
url: '<?php echo base_url('dispatcher/load_events') ?>',
type: 'POST',
data: {
day: 'all'
},
error: function() {
alert('there was an error while fetching events!');
}
},
eventDragStop:function(event, jsEvent, ui, view){
$('.list-item').each(function(){
var div = $(this);
var offset = div.offset();
offset.right = div.width() + offset.left;
offset.bottom = div.height() + offset.top;
if (jsEvent.clientX >= offset.left
&& jsEvent.clientY >= offset.top
&& jsEvent.clientX <= offset.right
&& jsEvent.clientY <= offset .bottom) {
console.log(div.attr('id'));
}
});
}
});
Как вы можете видеть, я уже пробовал один способ, что с помощью сбрасываемых координат я пытался идентифицировать div, но это работает, пока я не прокручиваю немного вниз, а затем все запутывается, и также кажется немного медленным.
Есть ли правильный способ mathc события с div ID?