FancyBox iFrame无法加载IE&火狐

时间:2015-01-08 09:09:37

标签: jquery iframe fancybox

尝试使用移动设备和平板电脑尺寸的桌面版网站的iframe版本为我的CV网站加载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-width="768" data-fancybox-height="1024" data-fancybox-href="/"> <p> Tablet</p></a></li>
<li><a class="mobile fancybox.iframe" data-fancybox-type="iframe" href="/" data-fancybox-width="320" data-fancybox-height="568"> <p> Mobile</p> </a></li>
</ul>

1 个答案:

答案 0 :(得分:0)

固定 刚刚添加了#iframe&#39;?iframe&#39;在href之后