Javascript Firefox或IE的iframe中未正确显示Fullcalendar
在我的应用程序中,我有一个“日历”选项卡,单击该选项卡时,应显示带有完整日历(2.2.5)的iframe。事件列表由从数据库获取的JSON填充 这在Chrome上运行良好,但在Firefox和IE上,它只显示按钮,而不显示日历网格 如果右键单击iframe并重新加载,则它不会加载。我还注意到,在刷新页面时,如果在加载默认选项卡之前单击日历选项卡,它将按预期显示 我已经尝试将事件硬编码,日期格式设置为ISO8601。当我在新选项卡中输入FC URL时,它会在所有浏览器中加载 有什么想法吗 编辑: 解决方案-Javascript Firefox或IE的iframe中未正确显示Fullcalendar,javascript,iframe,fullcalendar,Javascript,Iframe,Fullcalendar,在我的应用程序中,我有一个“日历”选项卡,单击该选项卡时,应显示带有完整日历(2.2.5)的iframe。事件列表由从数据库获取的JSON填充 这在Chrome上运行良好,但在Firefox和IE上,它只显示按钮,而不显示日历网格 如果右键单击iframe并重新加载,则它不会加载。我还注意到,在刷新页面时,如果在加载默认选项卡之前单击日历选项卡,它将按预期显示 我已经尝试将事件硬编码,日期格式设置为ISO8601。当我在新选项卡中输入FC URL时,它会在所有浏览器中加载 有什么想法吗 编辑:
$(document).ready(function () {
$('#tabs').bind('tabsselect', function (event, ui) {
var n = $("#tabs").tabs("length");
if (ui.index == n - 1) {
if (calendarLoaded == false) {
var html = [];
html.push('<div id="calendar">');
html.push('<iframe src="../../fullcalendar/index.php"></iframe>');
html.push('</div>');
$('#calendar').append(html.join(""));
calendarLoaded = true;
}
}...
$(文档).ready(函数(){
$('#tabs').bind('tabsselect',函数(事件,用户界面){
变量n=$(“#制表符”).制表符(“长度”);
如果(ui.index==n-1){
如果(calendarLoaded==false){
var html=[];
html.push(“”);
html.push(“”);
html.push(“”);
$(“#日历”).append(html.join(“”);
calendarLoaded=true;
}
}...
在Firefox“TypeError:this.rowEls is null”的控制台中,我发现了这个错误。我已经解决了这个问题,在日历准备就绪之前,同时加载了Jquery选项卡和日历iframe。我通过单击日历选项卡时为日历iframe添加HTML来解决这个问题。