2

私はWeb開発の初心者ですが、ここ数か月間YUIで遊んでいます。YUI 3でカスタム「js」スクリプトをロードする方法を教えてもらえますか？

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

4

1 に答える 1

1

モジュールを (YUI が認識できるように) 追加するには、構成に追加する必要があります。これには 3 つの方法があります。

  1. を使用YUI_config = {};して、すべてのグローバル構成オブジェクトを設定しますYUI().use
  2. を使用YUI.GlobalConfig = {};して、すべてのグローバル構成オブジェクトを設定しますYUI().use
  3. 使用YUI({}).use(...;すると、このためのローカル構成オブジェクトが設定されますYUI().use

構成オブジェクトでは、モジュールを使用して理解できるように構成する必要があります。

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

次に、次のことができます。

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

ただしYUI.add、コンテンツ フロー JavaScript のメソッドを使用して、コンテンツ フローの「クラス」を公開することをお勧めします。ではcontentFlow.js、次のようにラップします。

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({...}); 
});
于 2011-09-28T00:14:52.470 に答える