某些Google日历框架在标签中不可见

时间:2014-09-21 20:40:13

标签: iframe browser tabs calendar

这太奇怪了。在使用标签式界面时,我无法将多个Google日历嵌入到网站中。发生的事情是默认日历(在第一个标签上)总是可以看得很好,而其他任何日历都已折叠。

查看DOM树告诉我内容加载正常,它只是不可见。

此外,它取决于浏览器。我的iPhone(Safari)上的所有日历都显示正常,但上面的问题出现在笔记本电脑上的Safari以及桌面上的IE和Chrome上。

请在此处查看问题演示:

http://noeltaylor.com/calendar_weirdness.html

两个iframe的src属性略有不同,但这不是问题因为a)所有内容都在下载,只是没有显示而b)如果我切换日历的顺序,那么现在不显示的内容将会显示反之亦然。

上面的页面使用jQuery-UI作为选项卡;我甚至尝试使用不同的库作为选项卡,结果完全相同!

请帮忙!

1 个答案:

答案 0 :(得分:0)

在调用jquery ui标签之前,它与iframe没有完全加载到页面上有关。

我找到了以下方法,您不会加载iframe,直到选中该标签才能正常工作

http://deano.me/2011/08/jquery-tabs-iframes/