FullCalendar 中的 "Previous" 和 "Next" 按钮正在生成 "OFF" 消息

Question

我创建了一个 Bootstrap 模式来使用 FullCalendar 显示工作地点的事件日历。在 90% 的时间里，它都有效，但对于一个位置，它会创建一条占据整个屏幕的 "OFF" 消息。

违规页面在此处：

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

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

下图显示了行为；模态显示正确，以及按下 "next" 或 "previous" 触发器的结果显示。

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指的是整个模态window，包括背景。

并不是点击 next/previous 箭头导致了问题，而是点击了任意位置。您的日历文本未关闭，因此 else 被命中，您的日历删除了事件源，模态 window 的全部内容被单词 "OFF" 替换。

亲自尝试一下，当您启动模态框时，单击背景，然后重新启动模态框。您会看到关闭文本。

我并没有按照您将整个模式 window 变成一个按钮来尝试做的事情，但是您的调试应该从这段代码开始。您可能希望将该点击处理程序连接到除整个 window.

以外的其他东西

FullCalendar 中的 "Previous" 和 "Next" 按钮正在生成 "OFF" 消息

"Previous" and "Next" buttons in FullCalendar Producing "OFF" message

fullcalendar

twitter-bootstrap

twitter-bootstrap-3

couch-cms