FancyBox iFrame 无法在 IE 和 Firefox 上加载

Posted 2023-05-09

【中文标题】FancyBox iFrame 无法在 IE 和 Firefox 上加载

【英文标题】：FancyBox iFrame Not Loading On IE & Firefox

【发布时间】：2015-03-06 08:25:44

【问题描述】：

尝试为我的 CV 网站加载具有 iframe 版本的桌面网站的移动设备和平板电脑尺寸的 fancybox。

在 Chrome 上我没有遇到任何问题，但是 IE 和 Firefox 出于某种原因不喜欢它。控制台中没有条目，它只是不会加载。 这只发生在索引页面上。在其他页面上工作正常

我将 href 更改为图像位置，并且顺利加载。

请帮忙！

jQuery

$(document).ready(function() 
    $(".mobile").fancybox(
    type    : 'iframe',
            beforeLoad : function()          
            this.width  = parseInt(this.element.data('fancybox-width'));  
            this.maxHeight = parseInt(this.element.data('fancybox-height'));
    
  );
 );

html

<ul class="dropdown">
<li><a class="mobile fancybox.iframe" data-fancybox- data-fancybox- data-fancybox-href="/"> <p> Tablet</p></a></li>
<li><a class="mobile fancybox.iframe" data-fancybox-type="iframe" href="/" data-fancybox- data-fancybox-> <p> Mobile</p> </a></li>
</ul>

【参考方案1】：

已修复 刚刚在 href 之后添加了 '?iframe'

【讨论】：

我猜？您正在使用 fancybox v1.x 和 fancybox v2.x 的代码