2013-02-28 135 views
1

我正在使用require-jquery.js,我試圖在我的應用程序中加載jsscrollpane插件。使用RequireJs加載jQuery插件

我有這個配置在我的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); 
} 

,但我一直沒有定義,我做錯了什麼?

+0

要求([ 「jquery的」, 「jquery.alpha」, 「jquery.beta」],函數($){// 的jquery.alpha.js和jquery.beta.js插件上已加載。(function(){ $('body')。alpha()。beta(); }); }); – 2013-02-28 15:55:09

+0

哦,我多麼愚蠢,這是漫長的一天:),plesae作爲答案發布,所以我可以接受它。 – Tomer 2013-02-28 15:57:29

+0

Jaydata尚不支持requirejs,但它在我們的路線圖上 – 2013-02-28 17:33:25

回答

2

我認爲這有助於。

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