jquery-plugins - 在单个项目中使用 Bootstrap 和 Fancybox

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

DOM 是在调用 fancybox 之前加载的吗？如果不试试这个：

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

Answer 2

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

看起来最新版本的 jQuery 不再支持 ($.browser)。jQuery 文档推荐使用Modernizr

我用过这个，效果很好。

jQuery 1.9 文档