2009-05-18 11 views
5

Experimenté con JQuery y nuevo con YUI.Cómo usar YUI

Estoy buscando el equivalente de YUI de JQuery "$ (document) .ready".

Encontré "onDOMReady". Si tengo un documento .JS con una gran cantidad de funciones, ¿cuál es la forma correcta de incluirlas en "onDOMReady"?

Respuesta

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

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

    }); 

Normalmente hago algo como lo anterior. De lo contrario, se pueden hacer cosas como la siguiente si sólo tiene un elemento específico de estar presente

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

con jQuery, puede añadir cualquier trozo de código dentro de document.ready. Parece que con YUI tienes que usar módulos YUI. ¿Cómo puedo envolver fácilmente un bloque de funciones en un módulo para usar onDOMREADY? – edt

+1

Puede usar cualquier código en onDOMReady, como en jquery. Es solo una devolución de llamada que se ejecuta a la hora especificada. – Tivac

13

En YUI3 usted puede hacer esto (véase más adelante), pero no es realmente necesario, si se pone el enlace a la YUI JS en la parte inferior de la etiqueta del cuerpo html, como se recomienda.

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"> 

refiero aquí: http://yuilibrary.com/yui/docs/