2016-04-02 13 views
1

requireJSモジュールからテストJqueryプラグインを参照しようとしていますが、何らかの理由で正常に機能していないようです。カスタムJSプラグインでRequireJsを使用する

私はそうのように行く:ここに は私のカスタムプラグインです:

test.js

$.fn.testfunction = function(){ 
    alert(); 
}; 

そして、私は

effects.js

からそれを参照しています
define(['jquery', 'step1', 'global', 'test'], function($, step1, global, test){  
    $('body').test();  
}); 

そして、私はそれを見るために行くときeffects.jsが

main.js

requirejs.config({ 
    baseUrl: "/", 
    urlArgs: "" + Math.floor((Math.random() * 100) + 1), 
    paths: 
    { 

      jquery: '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min', 
      topJs: '/holoweb/static/js/v3_landing_top', 
      bottom: '/holoweb/static/js/v3_landing_bottom', 
      global: '/v2/js/variables/global', 
      registeringUser: '/v2/js/registeringUser', 
      effects: '/v2/js/effects/effects', 
      step1: '/v2/js/variables/step1', 
      test: '/v2/js/effects/test', 
    } 
}); 

require(['jquery']); 
require(['bottom']); 
require(['topJs']); 

require(['effects']); 


require(['registeringUser'], function(Registration){ 
    var NewUser = Registration.CreateNewUser; 
    NewUser.startStep(1); 
}); 

をロードされ、最終的に私main.js、私はChromeデベロッパーツールの上映からエラーを取得する: http://i.imgur.com/IdSZPgh.png

と私は理由を知りません。

悪い習慣を免除してください。私は非常に新しいrequirejsです。ありがとうございます。

答えて

0

test.jsには依存関係としてjqueryがあります。それを交換してください:

define(['jquery'], function($){ 
    $.fn.testfunction = function(){ 
     alert(); 
    }; 
} 

また、あなたがtestfunction関数を定義するが、test関数を呼び出します。

$('body').test();

$('body').testfunction();にを交換してくださいそして、あなたは、いくつかの requireの機能を使用する必要はありません。あなたのアプリケーションのエントリーポイントになる機能は1つだけ必要です。

関連する問題