做一静态页面,用到了Bootstrap 2.3.0和Fancybox 2.1.4。
在Chrome、FireFox以及Safari (Win)中Fancybox可以正常弹出图片,但是偏偏到了Opera中死活样式不对。放大的图片出来了,但是网页内容被刷新掉了,就是点击缩略图后在当前窗口直接打开放大的图片。
我晕死~~~~~~~~
求助万能的Google!(个人认为Baidu并不是万能的,嘿嘿)得知Bootstrap不支持很多第三方的插件包括Fancybox。
在GitHub上有人给出了一个解决方案,修改Bootstrap.js,方法如下:
1、打开Bootstrap.js,如果你使用的是压缩后的js,则需要打开Bootstrap.min.js
2、查找到以下代码的位置
.on('.dropdown-menu', function (e) { e.stopPropagation() })
3、将以上代码修改成以下代码
.on('click.dropdown-menu', function (e) { e.stopPropagation() })
有什么区别?其实就是在“.dropdown-menu”前添加“click”
这下Bootstrap与Fancybox可以共存了。
该问题讨论贴地址:https://github.com/twitter/bootstrap/issues/6862