Question

我在一个项目中使用Bootstrap和Fancybox，包括它：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>

这些文件存在并被Chrome收录。

创建Fancybox元素时：

$(document).ready(function() {
    [...]

    jQuery("a.fancy").fancybox({
        'transitionIn'  : 'none',
        'transitionOut' : 'none'    
    });
});

JS抛出错误：

Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18
Uncaught TypeError: Object [object Object] has no method 'fancybox'

（引导功能正在运行）

这是名称空间问题吗？

Answer 1

在调用fancybox之前是否加载了DOM？如果没有试试这个：

$(document).ready(function() {
    $('a.fancy').fancybox({
        'transitionIn'  : 'none',
        'transitionOut' : 'none'
    });
});

Answer 2

我刚刚通过捆绑更新得到了这个。

看起来像jQuery的最新版本不再支持（$ .browser）。 jQuery文档建议使用Modernizr

我使用了this，效果很好。

jQuery 1.9 docs

使用Bootstrap＆amp; Fancybox在一个项目中

2 个答案: