Question

我使用过JQuery和YUI的新手。

我正在寻找YUI相当于JQuery“$（document）.ready”。

我找到了“onDOMReady”。如果我有一个包含大量函数的.JS文档，那么将它们全部包装在“onDOMReady”中的正确方法是什么？

Answer 1

在YUI3中你可以这样做（见下文），但是如果你按照建议将链接放到html body标签底部的YUI JS中，这并不是必需的。

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

Answer 2

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

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

    });

我通常会做类似上面的事情。否则，如果您只需要存在特定元素，则可以执行以下操作

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

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/

如何使用YUI

3 个答案: