Twitter bootstrap &引用;“以前的”;及;“下一步”;“完整日历制作”中的按钮;关「;消息
我已经创建了一个引导模式,以使用FullCalendar显示工作地点的事件日历。90%的情况下,它可以工作,但对于一个位置,它会创建一条“关闭”消息,占据整个屏幕 有问题的页面位于此处: 从一个分支到另一个分支的代码是相同的,所以我不明白为什么这个分支不能像其他分支一样工作 下面的图片显示了这种行为;模式正确显示,按下“下一步”或“上一步”触发器后显示结果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
这是您在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。是的,它不应该是整个模式窗口上的一个按钮-这是模式窗口和站点上另一个按钮的命名错误。具有讽刺意味的是,不管怎么说,这个违规代码很快就会被删除。更正了重复的名称,现在它工作得很好。谢谢