Bootstrap与Fancybox不兼容的处理方法

2019独角兽企业重金招聘Python工程师标准>>>

做一静态页面，用到了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

转载于:https://my.oschina.net/ohcoding/blog/119150