我刚刚嵌入了一个谷歌日历到我的网站作为一个fancybox弹出。它在桌面上的功能和预期一样,但在iphone上显示为空白,无论是横向还是纵向。
HTML
<a class="fancybox fancybox.iframe" href="https://calendar.google.com/calendar/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=600&wkst=1&bgcolor=%23FFFFFF&src=SOURCE REMOVED;color=%231B887A&ctz=Australia%2FSydney" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></a>
脚本
<script type="text/javascript">
$(function() {
// fancybox
jQuery(".fancybox").fancybox({
'type' : 'iframe', // tell the script to create an iframe
});
});
</script>
我刚刚发现日历在Chrome中显示为一个空白的fancybox,而fancybox甚至不能在mac上的safari上打开。(旋转轮)我使用相同的代码在同一站点上打开youtube视频、soundcloud播放列表和html文件。找不到为什么日历在某些平台上不能工作...
发布于 2015-10-21 14:59:04
原来问题是我嵌入的日历没有公开,因此在一些浏览器上不能显示。奇怪的是,它在没有公开的情况下就能在火狐(Mac)甚至iPad上运行。
https://stackoverflow.com/questions/33230915
复制相似问题