Wie zu verwenden YUI ' s

Erlebte ich mit JQuery und neue zu YUI.

Ich bin auf der Suche nach YUI Pendant zu den JQuery "$(document).bereit".

Fand ich "onDOMReady". Wenn ich eine .JS-Dokument mit einer großen Anzahl von Funktionen, was ist der richtige Weg, um wickeln Sie alle in "onDOMReady"?

InformationsquelleAutor edt | 2009-05-18
  1. 9
    YAHOO.util.Event.onDOMReady(function(){

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

    });

    Normalerweise mache ich so etwas wie die oben genannten. Ansonsten können Sie Dinge tun, wie den folgenden, wenn Sie nur ein bestimmtes element benötigen, anwesend zu sein

    YAHOO.util.Event.onAvailable('required-element', YAHOO.myModule.init);
    • Mit JQuery, können Sie jede beliebige Stück code im Dokument.bereit. Es scheint mit YUI, die Sie verwenden, YUI-Module. Wie kann ich einfach wickeln Sie einen block von Funktionen in ein Modul, um zu verwenden onDOMREADY?
    • Sie können jeden code innerhalb onDOMReady, genau wie in jquery. Es ist nur ein Rückruf, der ausgeführt wird, in der angegebenen Zeit.
    InformationsquelleAutor David Snabel-Caunt
  2. 14

    In YUI3 Sie können dies tun (siehe unten), aber es ist nicht wirklich notwendig, wenn Sie den link zu den YUI JS am unteren Rand des html-body-tag, wie empfohlen.

    YUI().use('node', function(Y) {
      Y.on("domready", function(){
        console.log('dom is ready');
        //your code
      }); 
});
    InformationsquelleAutor Patrick Clancey
  3. -1
    <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">

    Finden Sie Hier: http://yuilibrary.com/yui/docs/

    InformationsquelleAutor Dharmalingam Arumugam
Schreibe einen Kommentar