2009-05-18 5 views
5

Ho esperienza con JQuery e nuovo su YUI.Come utilizzare YUI

Sto cercando l'equivalente di YUI di JQuery "$ (document) .ready".

Ho trovato "onDOMReady". Se ho un documento .JS con un gran numero di funzioni, qual è il modo giusto per includerle tutte in "onDOMReady"?

risposta

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

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

    }); 

Di solito faccio qualcosa come sopra. In caso contrario, si possono fare cose come la seguente se avete solo bisogno di un elemento specifico di essere presente

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

con jQuery, è possibile aggiungere qualsiasi pezzo di codice all'interno document.ready. Sembra con YUI che devi usare i moduli YUI. Come posso facilmente racchiudere un blocco di funzioni in un modulo per poter utilizzare onDOMREADY? – edt

+1

È possibile utilizzare qualsiasi codice all'interno di onDOMReady, proprio come in jQuery. È solo un callback che viene eseguito all'ora specificata. – Tivac

13

In YUI3 si può fare questo (vedi sotto), ma non è davvero necessario, se si mette il link al YUI JS nella parte inferiore del tag del corpo HTML, come raccomandato.

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

riferisco: http://yuilibrary.com/yui/docs/