当前位置：文江博客话题详情

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

发布于 2024-12-01 19:30:56 字数 216 浏览 0 评论 0原文

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

零崎曲识 2024-12-08 19:30:56

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

使用 YUI_config = {}; 为所有 YUI().use 设置全局配置对象
使用 YUI.GlobalConfig = {}; 设置全局所有 YUI().use 的配置对象
使用 YUI({}).use(...; 设置此 YUI() 的本地配置对象。使用

在config对象中你需要配置模块然后您可以这样

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

做：

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

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

To add a module (so that YUI recognises it) you need to add it to the configuration. There are three ways of doing this.

Using YUI_config = {}; sets a global configuration object for all YUI().use
Using YUI.GlobalConfig = {}; sets a global configuration object for all YUI().use
Using YUI({}).use(...; sets a local configuration object for this YUI().use

In the config object you need to configure the module to be understood in your use.

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

Then you can do:

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

However I would recommend using the YUI.add method in the content flow JavaScript to expose the content flow "class". So in contentFlow.js, I would wrap the following:

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

Then you can:

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

回复收藏 0 原文

时光无声 2024-12-08 19:30:56

// Load a single JavaScript resource.
Y.Get.js('http://example.com/file.js', function (err) {
    if (err) {
        Y.log('Error loading JS: ' + err[0].error, 'error');
        return;
    }

    Y.log('file.js loaded successfully!');
});

来源： https://clarle.github.io/yui3/yui/docs/get /

// Load a single JavaScript resource.
Y.Get.js('http://example.com/file.js', function (err) {
    if (err) {
        Y.log('Error loading JS: ' + err[0].error, 'error');
        return;
    }

    Y.log('file.js loaded successfully!');
});

Source: https://clarle.github.io/yui3/yui/docs/get/

回复收藏 0 原文

~没有更多了~