Question

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

HTML

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

SCRIPT

 <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文件。无法解决为什么日历不能在某些平台上运行......

Answer 1

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

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

1 个答案: