jquery – iPhone上的Fancybox问题

前端之家收集整理的这篇文章主要介绍了jquery – iPhone上的Fancybox问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
花式的盒子似乎在iPhone和iPad上有问题.

去这里http://fancybox.net/blog,并在iPhone或ipad页面上单击“5.显示登录表单立即尝试”.表单不是中心,当您尝试输入您的详细信息时,框移动页面,使其不可用.

任何修复?

谢谢,
C

解决方法

fancybox尝试自动调整大小,并在浏览器窗口调整大小时自动调整大小,并在iPad和iPhone上触发此事件.对于花式框1.3.4,控制它的代码是第608行:
$(window).bind("resize.fb",$fancybox.resize);

为了解决这个问题,我修改了这个fancybox JS的这一部分,并添加了另一个名为“resizeOnWindowResize”的选项,你可以为iPad和iPhone用户设置为false,或者只是禁用所有这些.

if(currentOpts.resizeOnWindowResize) {
   $(window).bind("resize.fb",$fancybox.resize);    
}

您还必须在$.fn.fancybox.defaults哈希映射中为此选项添加默认值.

然后,当调用fancybox时,您可以使用这个新选项:

$('#fancybox_link').fancybox(${'scrolling': 'no',width: 'auto',height: 'auto',centerOnScroll: false,resizeOnWindowResize : false});
原文链接:https://www.f2er.com/jquery/179725.html

猜你在找的jQuery相关文章