FullCalendar事件鼠标悬停功能

Question

我在整个日历中都遇到了一些问题，在事件鼠标悬停时，并不能完全满足我的要求，我已经附加了图片

这是我的代码，

var fullcalendarId = $('#calendar');

        var options = {
          header: {
            left: '',
            center: 'title',
            right: ''
          },
          contentHeight: 1050,
          columnHeaderFormat: 'dddd',
          navLinks: true, // can click day/week names to navigate views
          editable: true,
          eventLimit: true, // allow "more" link when too many events
          disableDragging: true,
          eventMouseover: function( event, jsEvent, view ) { 
                var item = $(this);
                if(item.find('.nube').length == 0){
                    var info = '<span class="nube"><h2>'+event.title+'</h2><img src="'+event.avatar+'" /> <p class="text">'+event.name+'</p><p>'+event.start+' <br /> '+event.end+'</p></span>';
                    item.append(info);
                }
                if(parseInt(item.css('top')) <= 200){
                    item.find('.nube').css({'top': 20,'bottom':'auto'});
                    item.parent().find('.fc-event').addClass('z0');
                }
                item.find('.nube').stop(true,true).fadeIn();
          },
          eventMouseout: function( event, jsEvent, view ) { 
              var item = $(this);
              item.find('.nube').stop(true,true).fadeOut();
          },
          events: [

          ]         
        }

        fullcalendarId.fullCalendar(options);

任何人都请提出一些想法以对图像进行精确处理。

谢谢