如何使用YUI的

Question

我体验过JQuery和YUI的新手。

我正在寻找YUI的等价物“$( JQuery ).ready”。

我找到了"onDOMReady“如果我有一个包含大量函数的.JS文档，用"onDOMReady“包装它们的正确方式是什么？

Answer 1

YAHOO.util.Event.onDOMReady(function(){

    YAHOO.myModule.init();
    YAHOO.myOtherModule.init();

    });

我通常会做类似上面的事情。否则，如果您只需要一个特定的元素出现，您可以像下面这样做

YAHOO.util.Event.onAvailable('required-element', YAHOO.myModule.init);

Answer 2

在YUI3中，您可以这样做(见下文)，但如果您按照建议将YUI JS的链接放在html标记的底部，那么就没有必要这么做了。

YUI().use('node', function(Y) {
      Y.on("domready", function(){
        console.log('dom is ready');
        // your code
      }); 
}); 

Answer 3

<script>
YUI().use('event', function (Y) {
 var button = Y.one("#readygo");
 var buttonname= this.get('value'); 
 alert(buttonname);
}
</script>


<input type="button" name="button" id="readygo" value="Click">

请参阅此处：http://yuilibrary.com/yui/docs/