通过RequireJS加载Jquery插件

时间:2014-10-06 17:40:31

标签: javascript jquery requirejs

我在项目中使用requirejs,一切运行顺利。直到我不得不添加一个名为' elastislide'的jquery插件。到我的项目。我使用shim配置来指定插件对jquery和jquery ++的依赖。它如下所示:

requirejs.config({
paths: {
    jquery: 'libs/jquery',
    jquerymobile: 'libs/jquery-mobile/jquery.mobile',
    underscore: 'libs/underscore',
    jquerypp: 'libs/jquerypp',
    elastislide: '../js/elastislide',
    app: '../js/app',
    model: '../js/app/model',
    view: '../js/app/view',
    controller: '../js/app/controller',

    shim: {
        'elastislide': {
            deps: ['jquery', 'jquerypp']
        }
    }
  }
});

在我的app入口点,我有这个:

define([
'jquery',
'jquerymobile',
'jquerypp/event/swipe',
'elastislide',
'model',
'view',
'controller'


], function ($, mobile, jqpp, elastislide, model, view, controller) {
//

我不断收到错误消息:"未捕获的ReferenceError:jQuery未定义"。我已经修改了requirejs文档,但无法看到错误。有人可以指出解决方案吗?

这是该插件的网站:http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/

提前感谢!

1 个答案:

答案 0 :(得分:2)

您可以尝试替换此..

deps: ['jquery, jquerypp']

deps: ['jquery',  'jquerypp']

根据Require.js doc,deps接受数组...