Module 如何在YUI3中添加自定义实用程序/模块_Module_Yui3

Module 如何在YUI3中添加自定义实用程序/模块

module

Module 如何在YUI3中添加自定义实用程序/模块,module,yui3,Module,Yui3,我想在YUI3中注册一个自定义实用程序/模块，它被传递给一个或多个自定义节点，并且可以这样调用（无需实例化它）： jQuery提供了类似的功能我知道YUI3中的自定义模块定义如下： YUI.add('myCustomModule', function(Y) { // my Code here }, '0.1', { requires : ['node'] }); 但我不明白的是如何设置我的自定义模块，这样我就可以像前面描述的那样调用它。我是否必须扩展插件/小部件类或使用Y.Namespace

我想在YUI3中注册一个自定义实用程序/模块，它被传递给一个或多个自定义节点，并且可以这样调用（无需实例化它）：

jQuery提供了类似的功能

我知道YUI3中的自定义模块定义如下：

YUI.add('myCustomModule', function(Y) {
// my Code here
}, '0.1', {
requires : ['node']
});

但我不明白的是如何设置我的自定义模块，这样我就可以像前面描述的那样调用它。我是否必须扩展插件/小部件类或使用Y.Namespace（）来实现此功能？（请参阅）

您可以尝试以下方法：

<!doctype html>
<head>
    <meta charset="utf-8">
    <script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
    <script>
YUI.add('joiz', function(Y) {

    function joizMagic(context, config) {
        alert(config.name + ' says: "' + this.getContent() + '"');
    }

    // define a function that will run in the context of a
    // Node instance:
    Y.Node.addMethod("joizMagic", joizMagic);

    // extend this functionality to NodeLists:
    Y.NodeList.importMethod(Y.Node.prototype, "joizMagic");

}, '0.1.1' /* module version */, {
    requires: ['node']
});
YUI().use('joiz', function (Y)
{
    Y.all('.message').joizMagic({ name: 'Beatrice' });
});
    </script>
</head>
<body>
    <div class="message">Hello World!</div>
    <div class="message">I'm still here!</div>
</body>
</html>


YUI.add（'joiz'，函数（Y）{
函数joizMagic（上下文，配置）{
警报（config.name+'表示：“+this.getContent（）+”）；
}
//定义将在
//节点实例：
添加方法（“joizMagic”，joizMagic）；
//将此功能扩展到节点列表：
Y.NodeList.importMethod（Y.Node.prototype，“joizMagic”）；
}，“0.1.1”/*模块版本*/{
需要：['node']
});
YUI（）.使用（'joiz'，函数（Y）
{
Y.all（'.message'）.joizMagic（{name:'Beatrice'}）；
});
你好，世界！
我还在这里！

<!doctype html>
<head>
    <meta charset="utf-8">
    <script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
    <script>
YUI.add('joiz', function(Y) {

    function joizMagic(context, config) {
        alert(config.name + ' says: "' + this.getContent() + '"');
    }

    // define a function that will run in the context of a
    // Node instance:
    Y.Node.addMethod("joizMagic", joizMagic);

    // extend this functionality to NodeLists:
    Y.NodeList.importMethod(Y.Node.prototype, "joizMagic");

}, '0.1.1' /* module version */, {
    requires: ['node']
});
YUI().use('joiz', function (Y)
{
    Y.all('.message').joizMagic({ name: 'Beatrice' });
});
    </script>
</head>
<body>
    <div class="message">Hello World!</div>
    <div class="message">I'm still here!</div>
</body>
</html>