J'ai vécu avec JQuery et nouveau à YUI.Comment utiliser YUI
Je suis à la recherche de l'équivalent YUI du fichier JQuery "$ (document) .ready".
J'ai trouvé "onDOMReady". Si j'ai un document .JS avec un grand nombre de fonctions, quelle est la bonne façon de tout les emballer dans "onDOMReady"?
YAHOO.util.Event.onDOMReady(function(){
YAHOO.myModule.init();
YAHOO.myOtherModule.init();
});
Je fais habituellement quelque chose comme ci-dessus. Sinon, vous pouvez faire des choses comme ce qui suit si vous avez juste besoin d'un élément spécifique d'être présent
YAHOO.util.Event.onAvailable('required-element', YAHOO.myModule.init);
En YUI3 vous pouvez le faire (voir ci-dessous), mais ce n'est pas vraiment nécessaire, si vous mettez le lien vers la YUI JS au bas de l'étiquette de corps html, comme recommandé.
YUI().use('node', function(Y) {
Y.on("domready", function(){
console.log('dom is ready');
// your code
});
});
<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">
Référez ici: http://yuilibrary.com/yui/docs/
Avec JQuery, vous pouvez ajouter tout morceau de code dans document.ready. Il semble avec YUI que vous devez utiliser des modules YUI. Comment est-ce que je peux facilement emballer un bloc de fonctions dans un module pour utiliser surDOMREADY? – edt
Vous pouvez utiliser n'importe quel code dans onDOMReady, comme dans jquery. C'est juste un rappel qui est exécuté à l'heure spécifiée. – Tivac