Question

我正在使用Modernizr以特定顺序加载我的所有JS和CSS脚本，并使用回调函数来管理依赖关系。但我遇到了加载Bootstrap女巫需要JQuery的问题。我有3个级别的加载：

1）JQuery lib

2）使用JQuery但不需要加载文档的脚本

3）使用JQuery并需要加载文档的脚本

我在Firbug中收到以下错误： TypeError：l不是函数 bootstrap.min.js（ligne 4）

似乎JQuery没有时间在Bootstrap之前加载。

有人有想法吗？（解决这个问题或者用另一个解决方案来做同样的事情）感谢您的帮助。

头上的代码：

<script type="text/javascript" src="js/modernizr-2.6.1.min.js"></script>

<script type="text/javascript">

    Modernizr.load([{
        load: 'http://code.jquery.com/jquery-1.10.2.min.js',
        complete: function(){

            Modernizr.load([
                //scripts using JQuery but not needing that the document is loaded
                'bootstrap/js/bootstrap.min.js',
                'js/plugins/respond/respond.min.js',
                'js/plugins/jquery-ui/jquery-ui-1.8.23.custom.min.js',
                'js/plugins/easing/jquery.easing.1.3.js',
                'js/plugins/parallax/js/jquery.stellar.min.js'
            ]);

            $(function(){
                //scripts using JQuery AND needing document loaded
                Modernizr.load([
                    {
                        test : Modernizr.touch,
                        yep : 'js/plugins/toucheeffect/toucheffects.js'
                    },{
                        test : $('.camera_wrap').length,
                        yep : {
                            'js':'js/plugins/camera/camera.min.js',
                            'css':'js/plugins/camera/css/camera.css'
                        },
                        complete : {
                            'js': function(){
                                $('.camera_wrap').camera();
                                console.log("plugin loaded!");
                            }
                        }
                    }
                ]);
            });
        }
    }]);
</script>

第一个回调函数开头的

[EDIT] alert（jQuery）是好的，所以我不明白为什么Bootrstarp无法正常运行...

Modernizr.load（）/ yepnope：在JS插件之前加载JQuery时出错

0 个答案: