YUIでカスタムjsスクリプトを読み込む方法3

Question

私はWeb開発の初心者ですが、数ヶ月YUIで遊んでいます。誰も私にYUI 3のカスタム "js"スクリプトを読み込む方法を教えてもらえますか？

私はYUI 3で "contentflow"カルーセルを使用したいと思います。このためには、私はメソッドにアクセスできるように "YUI.use（）"内にcontentflow.jsを含める必要があります。

Answer 1

モジュールを追加して（YUIが認識できるように）、モジュールを構成に追加する必要があります。これを行うには3つの方法があります。 YUI_config = {};セットをYUI.GlobalConfig = {};を使用して、すべてのYUI().use

ためのグローバル・コンフィギュレーション・オブジェクトを使用し

1. はInこのYUI().use

のローカルコンフィギュレーション・オブジェクトを設定YUI({}).use(...;を使用して、すべてのYUI().use

ためのグローバル・コンフィギュレーション・オブジェクトを設定しますconfigオブジェクトを使用して理解できるようにモジュールを設定する必要があります。

{ 
    filter : "raw", 
    modules : { 
     "contentFlow" : { 
      fullpath : "path/to/contentFlow.js" 
     } 
    } 
} 

次に、あなたが行うことができます：

YUI().use("contentFlow", function (Y) { 
    //content flow available here 
}); 

を私はコンテンツの流れ「クラス」を公開するためにJavaScriptを流しコンテンツにYUI.add方法を使用することをお勧めしますが。その後

YUI.add("contentFlow", function (Y) { 
    //contentFlow.js contents goes here...   
    ... 
    //end of file 
    Y.ContentFlow = ContentFlow; 
}, '', {}); 

することができます：：

YUI().use("contentFlow", function (Y) { 
    var cf = new Y.ContentFlow({...}); 
}); 

contentFlow.jsでそう、私は次のように包むだろう