如何在YUI 3中加载自定义js脚本

Question

我是网络开发的新手，但现在已经和YUI玩了几个月了。谁能告诉我如何在YUI 3中加载自定义“js”脚本？

我想在YUI 3中使用“contentflow”轮播。为此，我需要在“YUI.use（）”中包含contentflow.js，以便我可以访问这些方法。

Answer 1

要添加模块（以便YUI识别它），您需要将其添加到配置中。有三种方法可以做到这一点。

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 
});

但是我建议在内容流JavaScript中使用YUI.add方法来公开内容流“class”。所以在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({...}); 
});