使用RequireJs加载jQuery插件

时间:2013-02-28 15:52:44

标签: jquery requirejs

我正在使用require-jquery.js,我正在尝试在我的应用程序中加载jsscrollpane插件。

我在index.html页面中有这个配置(这是一个单页面应用程序):

require( { paths: {
            'ca': 'cafe/ca',
            'casp': 'sp/sp',
            'ko': 'cafe/lib/knockout/knockout',
            'komap': 'cafe/lib/knockout/knockout.mapping',
            'kopost': 'cafe/lib/knockout/knockout-postbox',
            'jd': 'cafe/lib/jaydata/jaydata',
            'jdKo': 'cafe/lib/jaydata/jaydatamodules/knockout',
            'jdDeferred': 'cafe/lib/jaydata/jaydatamodules/deferred',
            'jqscroll': 'cafe/lib/jsscrollpane/jquery.jscrollpane.min'
        },
        waitSeconds: 60,
        shim: {
            'jd': { exports: '$data', deps: [ 'cafe/lib/jaydata/datajs-1.0.3' ] },
            'jdDeferred': { exports: '$data', deps: [ 'jd' ] },
            'jqscroll': ['jquery']
        }
         ..............

然后我尝试从模块中调用插件:

define( [ 'jquery', 'ko','jqscroll' ], function( $, ko ,jqscroll) {
     console.log(jqscroll);
}

但是我一直都没有定义,我做错了什么?

1 个答案:

答案 0 :(得分:2)

我认为这有帮助。

require(["jquery", "jquery.alpha", "jquery.beta"], function($) {
    //the jquery.alpha.js and jquery.beta.js plugins have been loaded.
    $(function() {
        $('body').alpha().beta();
    });
});