Require.js - jQuery + jQuery 依赖文件（等到文件准备好）答案

【问题标题】：Require.js - jQuery + jQuery dependent file (Wait untill file ready)Require.js - jQuery + jQuery 依赖文件（等到文件准备好）
【发布时间】：2014-04-25 15:28:32
【问题描述】：

我对 require 有一些问题。

require.config({
    paths: {
        "jquery": "//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min"
    },
    waitSeconds: 40
});


requirejs(['jquery', '//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.min.js'], function(jQuery){
    $(function() {
        $('#carousel').owlCarousel({
            singleItem: true,
            autoPlay: true,
            stopOnHover: true,
            lazyLoad: true,
            itemsScaleUp: true
        });
    });
});

这仅在我每 2 次加载页面时有效（缓存？）

我想我需要在 jQuery 准备好之后加载我的 owl.carousel.js 脚本，但是如何？

【问题讨论】：

标签： javascript jquery requirejs

【解决方案1】：

您可以在 shim 中设置依赖项：

require.config({
    paths: {
        "jquery": "//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min",
        "owl" : "//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.min.js"
    },
    waitSeconds: 40,
     shim: {
            'owl': {
                //These script dependencies should be loaded before loading
                // owl
                deps: ['jquery']
            }
        }
});

如果这不起作用，我建议下载 jquery 和 owl 的文件并将它们放在本地目录中，因为 Require 从 CDN 加载文件会很烦人。

【讨论】：

这个错误来了，当我稍后尝试使用 owl "Uncaught TypeError: Cannot read property 'fn' of undefined"
@Sam 看起来 owl 对你来说仍然是未定义的。您是否尝试将 owl 和 jquery 都放在本地文件系统中，而不是从 CDN 加载？
是的@Evan，我已经做到了。并发生同样的错误。
如果您查看您的开发工具、CMD OPTION i，并查看网络选项卡，您是否看到 jquery 和 owl 的加载顺序正确？

【解决方案2】：

您必须像这样将 lib 包装在定义函数中：

define(['jquery'], function( jQuery ) {
...
// OwlCarousel code
...
});

一些库已经实现了“AMD 支持”，所以您不必这样做。您可以通过 ctrl+f "amd" 进行检查，看看 lib 是否包含此字符串。

【讨论】：