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

Question

我是 Web 开发的新手，但几个月来一直在玩 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

在 config 对象中你需要配置你使用中要理解的模块。

{
    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({...}); 
});