将事件从日历拖放到已命名的div

时间:2019-05-21 21:38:35

标签: javascript jquery fullcalendar fullcalendar-3

我有很多活动的议程日程日历,以及ID为s的div列表。我想接受一个事件,然后将其放到div上,这样我就可以将事件分配给该特定ID(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,但是这种方法一直有效,直到我向下滚动一点,然后一切都弄乱了,而且看起来有点慢。 / p>

是否可以使用div ID对事件进行数学计算?

0 个答案:

没有答案