尝试使用移动设备和平板电脑尺寸的桌面版网站的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>
答案 0 :(得分:0)
固定 刚刚添加了#iframe&#39;?iframe&#39;在href之后