FullCalendar中的“上一个”和“下一个”按钮生成“关闭”消息

Question

我创建了一个Bootstrap模式，使用FullCalendar显示工作地点的事件日历。 90％的情况下，它可以工作，但是对于一个位置，它会创建占据整个屏幕的“关闭”消息。

违规页面现场：

http://gchrl.org/test.php?q=locations/columbia-county-library

从一个分支到另一个分支的代码是相同的，所以我不知道为什么这个分支不像其他分支那样起作用。

下面的图片显示了行为;正确显示模态，按下“下一个”或“上一个”触发器显示结果显示。

Answer 1

这是在custom.js

中负责您所看到的内容的代码

$('#evansCal').click(function() {
    if ($(this).text() == 'OFF')
    {
        $('#eventCal').fullCalendar('addEventSource',evansGCal);
        $('#eventCal').fullCalendar('addEventSource',evansGKidsCal);
        $('#eventCal').fullCalendar('addEventSource',teenGCal);
        $(this).text('ON');
        $(this).removeClass('btn-default');
        $(this).addClass('btn-info');
    }
    else
    {
        $('#eventCal').fullCalendar('removeEventSource',evansGCal.googleCalendarId);
        $('#eventCal').fullCalendar('removeEventSource',evansGKidsCal.googleCalendarId);
        $('#eventCal').fullCalendar('removeEventSource',teenGCal.googleCalendarId);
        $(this).text('OFF');
        $(this).removeClass('btn-info');
        $(this).addClass('btn-default');
    }
});

evansCal指的是整个模态窗口，其中包含背景。

点击下一个/上一个箭头并不是导致问题，而是点击任意位置。您的日历文本不是OFF，因此else被点击，您的日历会删除事件源，并且模式窗口的全部内容将替换为“OFF”字样。

自己尝试一下，当你启动模态时，单击背景，然后重新启动模态。你会看到OFF文本。

我不会通过将整个模态窗口转换为按钮来执行您要执行的操作，但是您的调试应该从此代码块开始。您可能希望将该单击处理程序连接到整个窗口以外的其他位置。