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

Question

我有一些问题需要.

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

这只能在第二次加载页面时工作(缓存？)

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

Answer 1

您可以在垫片中设置依赖项:

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的文件并将它们放在本地目录中,因为从CDN加载文件时,Require会很烦人.