ページの初期化とjavascript

monaca-ncmbのサンプルアプリ

http://mb.cloud.nifty.com/doc/current/tutorial/monaca_quiz_02.html

https://github.com/NIFTYCloud-mbaas/tutorial_monaca_quiz
[チュートリアル] Monacaでクイズアプリを作る(JavaScript)

のコードに、以下のような記載がある。

//ページの初期化が完了したら実行される
$(function (){
   
    //クイズを表示するイベントを登録
    $(document.body).on('pageinit', '#answer_page', function() {refreshQuiz();});
    
    //クイズ作成ボタンを表示するイベトを登録
    //HTMLに記述したボタンはJSで操作できない
    $(document.body).on('pageinit', '#create_quiz_page', function() {displayButton();});
    
    //スコアを表示するイベントを登録★
    $(document.body).on('pageinit', '#menu_page', function() {findScore();});
    
});

この最初の$(ドルマーク)の意味が分からず、ググッタが、jQueryのものであること、jQueryのreadyメソッドの省略表記であることを理解するのに手間取った。

jQueryのready()メソッド
DOMツリーの構築が完了した時点で処理を実行する。らしい。。。???

$(document).ready( function(){
// ページ読み込み時に実行したい処理
});

これ↑と、

$(function(){
// ページ読み込み時に実行したい処理
});

これ↑は、両方とも、ページ読み込み時に実行したい処理らしい。。。

(参考)
2011.01.27
ページ読み込み時に実行するjavascriptについてのTips
http://www.tam-tam.co.jp/tipsnote/javascript/post601.html

関連記事
Count per Day
    Popular Posts
    スポンサーリンク

    シェアする

    • このエントリーをはてなブックマークに追加

    フォローする