Twitter bootstrap &引用;“以前的”;及;“下一步”;“完整日历制作”中的按钮;关「;消息

Twitter bootstrap &引用;“以前的”;及;“下一步”;“完整日历制作”中的按钮;关「;消息,twitter-bootstrap,twitter-bootstrap-3,fullcalendar,couch-cms,Twitter Bootstrap,Twitter Bootstrap 3,Fullcalendar,Couch Cms,我已经创建了一个引导模式,以使用FullCalendar显示工作地点的事件日历。90%的情况下,它可以工作,但对于一个位置,它会创建一条“关闭”消息,占据整个屏幕 有问题的页面位于此处: 从一个分支到另一个分支的代码是相同的,所以我不明白为什么这个分支不能像其他分支一样工作 下面的图片显示了这种行为;模式正确显示,按下“下一步”或“上一步”触发器后显示结果 这是您在custom.js中看到的代码 $('#evansCal').click(function() { if ($(this

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

有问题的页面位于此处:

从一个分支到另一个分支的代码是相同的,所以我不明白为什么这个分支不能像其他分支一样工作

下面的图片显示了这种行为;模式正确显示,按下“下一步”或“上一步”触发器后显示结果


这是您在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
指的是整个模式窗口,其中包括背景

并不是单击下一个/上一个箭头导致了问题,而是单击了任意位置。日历的文本没有关闭,因此
else
被点击,日历的事件源被删除,模式窗口的全部内容被替换为“关闭”

你自己试试,当你启动模态时,点击背景,然后重新启动模态。你会看到文本的关闭


我不明白您试图通过将整个模式窗口变成按钮来做什么,但是您的调试应该从这段代码开始。您可能希望将单击处理程序连接到整个窗口之外的其他对象。

我将提供一个图像,演示您描述的问题。现在链接到外部站点可能会有所帮助,但这不是一个好的长期问题,因为它可能会脱机或更改。@SamStorie-添加了两幅图像,显示最初显示的页面以及单击“下一个/上一个”按钮后的页面。@slink,如果您没有链接到JS文件的缩小版本,调试就会容易得多。@Brandon-对不起。修复了这个问题-它现在链接到了与FullCalendar相关的未统一JS。是的,它不应该是整个模式窗口上的一个按钮-这是模式窗口和站点上另一个按钮的命名错误。具有讽刺意味的是,不管怎么说,这个违规代码很快就会被删除。更正了重复的名称,现在它工作得很好。谢谢