2009-05-18 14 views
5

私はJQueryで経験したことがあり、YUIを初めて経験しました。YUIの使い方

私はYUIのJQuery "$(document).ready"と同等のものを探しています。

"onDOMReady"が見つかりました。多数の関数を持つ.JSドキュメントがある場合、 "onDOMReady"でそれらをすべてラップする正しい方法は何ですか?

答えて

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

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

    }); 

私は通常、上記のようなことを行います。そうでなければあなただけYUI3では、あなたがこの(下記参照)を行うことができます

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

は、あなたがdocument.ready内のコードのいずれかのチャンクを追加することができます。あなたはYUIモジュールを使用する必要があるとYUIは思えます。 onDOMREADYを使用するために、どのようにしてモジュールのブロックを簡単にラップすることができますか? – edt

+1

jqueryの場合と同じように、onDOMReady内の任意のコードを使用できます。これは指定された時刻に実行されるコールバックです。 – Tivac

13

存在する特定の要素が必要な場合は、次のようなことを行うことができますが、YUIへのリンクを置けば、それは、本当に必要はありませんJSはHTML bodyタグの一番下にあり、推奨されています。

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

ここで参照してください:jQueryを使ってhttp://yuilibrary.com/yui/docs/

関連する問題