jQuery Mobile - ページの読み込み時に何かをする

Question

ページが読み込まれるたびに何かしたい。これは、モバイルサイトがさまざまなデバイス上で見える方法を修正するもので、AJAXの負荷でも発生する必要があります。

現時点では、従来の$(function(){ /*...*/ });アプローチを試しましたが、これは最初のロードでのみ機能し、その後のAJAXロードでは機能しません。

私はバインドする正しいイベントを探していましたが、かなり難しいです。

Answer 1

あなたは、各「ページ」にバインドするjQueryのを使用します（DIVがdata-role=page属性を設定しています）とpageshowイベントを使用することができます（いくつかの他にもありますpagebeforeshow、pagehide、pagebeforehide）。

$(document).delegate('.ui-page', 'pageshow', function() { 
    //Your code for each page load here 
}); 

http://api.jquerymobile.com/pageshow/

注：この答えは、jQueryのモバイル1.0.1のために書かれた、より多くの情報については、上記のドキュメントのリンクを参照してください。

Answer 2

あなたは、ページショーやページ作成イベントを聞いて、そこで作業を行うことができます。

http://jquerymobile.com/test/docs/api/events.html