Fancybox v2 中的嵌入式 Google 日历在 iPhone 上显示为空白答案

【问题标题】：Embedded Google Calendar in Fancybox v2 shows blank on iPhoneFancybox v2 中的嵌入式 Google 日历在 iPhone 上显示为空白
【发布时间】：2015-10-20 07:48:37
【问题描述】：

我刚刚在我的网站中嵌入了一个谷歌日历，作为一个弹出框。它在桌面上按预期工作，但在 iphone 上以横向和纵向显示为空白。

HTML

&lt;a class="fancybox fancybox.iframe" href="https://calendar.google.com/calendar/embed?showTitle=0&amp;amp;showNav=0&amp;amp;showDate=0&amp;amp;showPrint=0&amp;amp;showTabs=0&amp;amp;showCalendars=0&amp;amp;showTz=0&amp;amp;mode=AGENDA&amp;amp;height=600&amp;amp;wkst=1&amp;amp;bgcolor=%23FFFFFF&amp;amp;src=SOURCE REMOVED;color=%231B887A&amp;amp;ctz=Australia%2FSydney" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"&gt;&lt;/a&gt;

脚本

 <script type="text/javascript">
      $(function() {
        //    fancybox
          jQuery(".fancybox").fancybox({
	'type'   : 'iframe',       // tell the script to create an iframe
  });
}); 
	   </script>

还刚刚发现日历在 Chrome 中显示为一个空白的花式框，而花式框甚至在 mac 上的 safari 上都无法打开。（纺车）我使用相同的代码在同一站点上打开 youtube 视频、soundcloud 播放列表和 html 文件。无法弄清楚为什么日历在某些平台上不起作用...

【问题讨论】：

标签： ios iphone google-calendar-api fancybox-2

【解决方案1】：

原来问题是我嵌入的日历没有公开，因此没有在某些浏览器上显示。奇怪的是它可以在 Firefox(mac) 甚至 iPad 上运行而没有公开。

【讨论】：