Как использовать YUI

Question

Я имел опыт работы с JQuery и новичком в YUI.

Я ищу YUI-эквивалент JQuery "$ (document) .ready".

Я нашел "onDOMReady". Если у меня есть документ .JS с большим количеством функций, как правильно обернуть их все в «onDOMReady»?

Answer 1

В YUI3 вы можете сделать это (см. Ниже), но в этом нет особой необходимости, если вы поместите ссылку на YUI JS внизу тега html body, как рекомендуется.

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/