javascript - Fullcalendar 插件悬停时出现 Javascript 错误

Question

我对 JavaScript 的了解不够，这就是我问这个问题的原因。在我网站的员工花名册仪表板上，将鼠标悬停在某些日期(例如 9 月 8 日、9 日和 7 日)时出现了一些 javascript 错误。悬停时它显示一个带有“空”错误消息的框。可以删除吗？

我正在使用“完整日历”插件来显示此日期。

这是我的仪表板。 http://www.zaika.com.au/sarkar/ab7/index.php/dashboard

Answer 1

我确信正在调用的服务器有一个悬停事件，但黑客解决方案是提供这个 css，它基本上“摆脱它”但它需要更长的时间来追踪完整的日历启动，我想说的是，这是您向服务器调用 ajax 以请求有关这些事件的信息的情况，但不太清楚发生在何处:

.tooltipevent{
    display: none !important;
    visibility: hidden !important;
    opacity: 0;
}

好的，我通读了文件并找到了有问题的 js....

$('#calendar').fullCalendar({ //re-initialize the calendar
            disableDragging: true,
            //header: h,
            header: {
                left: '<input type="text" value="subhash">',
                center: 'title',
                right: 'prev,next'
            },
            /* viewRender: function(view, element) {
                $('#calendar').fullCalendar( 'gotoDate', 2014, 4, 24 );
             }, */
            editable: true,
            selectable: true,
            selectHelper: true,
            dayRender: function(date, cell){  
                if (date < futureBlockDate){ 
                    $(cell).addClass('fc-cell-overlay');
                }
                //$(cell).addClass('fc-cell-overlay')
            },
            dayClick: function(date, allDay, jsEvent, view) {

                var SelectedDate=(date.getFullYear() + '-'+number_change(date.getMonth() + 1) + '-' + number_change(date.getDate()));
                $('#start_date').val(SelectedDate); 
                $( ".datepicker" ).datepicker( "option", "minDate", date);
                if(!$(this).hasClass('fc-cell-overlay')){ 
                $('#deleteEvent').hide();
                $('#title_popup').html('Create');
                $('#editId').val();
                $('#stack1_click').trigger('click');} 
            }, 
            eventClick:  function(event, jsEvent, view) { 

                var unid=event.id;  
                var type=event.type;    
                if(type=="leave"){  
                    var reason = event.reason;
                    var startDate = new Date(event.start);
                    var endDate = new Date(event.end); 
                    var Start=(startDate.getFullYear() + '-'+number_change(startDate.getMonth() + 1) + '-' + number_change(startDate.getDate()));
                    var End=(endDate.getFullYear() + '-'+number_change(endDate.getMonth() + 1) + '-' + number_change(endDate.getDate())); 

                    $('#editId').val(unid);
                    $('#reason').html(reason);
                    $('#start_date').val(Start);
                    $('#end_date').val(End);
                    $('#deleteEvent').show();
                    $('#title_popup').html('Update');
                    $('#stack1_click').trigger('click');
                }
            },
             events: {
                url: base_url+'employees/fetch_events', 
            },
            eventMouseover: function(calEvent, jsEvent) {  

                if(calEvent.message!="" && typeof(calEvent.message)!="undefined"){      
                var tooltip = '<div class="tooltipevent" style="width:100px;height:100px;background:#ccc;position:absolute;z-index:10001;">' + calEvent.message + '</div>'; 
                $("body").append(tooltip);
                $(this).mouseover(function(e) {
                    $(this).css('z-index', 10000);
                    $('.tooltipevent').fadeIn('500');
                    $('.tooltipevent').fadeTo('10', 1.9);
                }).mousemove(function(e) {
                    $('.tooltipevent').css('top', e.pageY + 10);
                    $('.tooltipevent').css('left', e.pageX + 20);
                });
                }
            },          
            eventMouseout: function(calEvent, jsEvent) {
                 $(this).css('z-index', 8);
                 $('.tooltipevent').remove();
            }, 
        });

或者更精彩的是这篇文章:

eventMouseover: function(calEvent, jsEvent) {  

                if(calEvent.message!="" && typeof(calEvent.message)!="undefined"){      
                var tooltip = '<div class="tooltipevent" style="width:100px;height:100px;background:#ccc;position:absolute;z-index:10001;">' + calEvent.message + '</div>'; 
                $("body").append(tooltip);
                $(this).mouseover(function(e) {
                    $(this).css('z-index', 10000);
                    $('.tooltipevent').fadeIn('500');
                    $('.tooltipevent').fadeTo('10', 1.9);
                }).mousemove(function(e) {
                    $('.tooltipevent').css('top', e.pageY + 10);
                    $('.tooltipevent').css('left', e.pageX + 20);
                });
                }
            },

我不知道你打算用 calEvent.message 做什么，但你可以做的是将这个 if test 更改为，以便忽略所有“falsy”值(包括你对空字符串、undefined 和 null 的测试)这都会产生错误:

if(calEvent.message)