読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

pageinitとmobileinit

<スポンサーリンク>

toggle()メソッド

jQueryのtoggle()メソッドは実行されるたびに表示/非表示を切り替えるメソッド。
引数にはアニメーションのスピードを設定する。

jQueryにおける$(document).ready(function() {});

JavaScriptでDOMを操作するためには、Webページのロードが完了した後に処理を実行する必要がある。
jQueryで"ちゃんと"書くならこんな感じで書く。

$(document).ready(function(){
	//処理
});

しかし、これには省略形があって、一般的にはこっちで書かれる。

$(function() {
	//処理
});

pageinitイベント

jQueryのreadyメソッドはHTMLドキュメントのロードが完了した時に行う処理を記述するもの。
jQuery Mobileでは、Ajaxで同一ドメイン内のHTMLファイルのロードを行うため、ready()メソッドのコールバックでは、そのAjaxで読み込んでいる分が終わる前に処理を開始してしまう。
そういうときは、pageinitイベントを使う。
idが"manga"のページが利用可能になった段階で処理を実行したい場合。

<div data-role="page" id="manga">

こんな感じで書く。

$(document).on("pagainit", "#info", function() {
	//処理
});

jQuery Mobileの初期設定のカスタマイズ

jQuery Mobileの初期設定をカスタマイズするには、mobileinitイベントを利用する。

<script>
$(document).on("mobileinit", function() {
	//初期化設定の記述
});
</script>

読んだ本

かんたん7ステップ きほんからわかる jQuery Mobileコーディング

かんたん7ステップ きほんからわかる jQuery Mobileコーディング