javascript - Require.js - jQuery + jQuery 依赖文件(等到文件准备好)

Question

我对 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
        });
    });
});

这只在我第二次加载页面时有效(缓存？)

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

Answer 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 加载文件会很烦人。