携帯サイトの作成にとても便利なjquery-mobile。
でも、動的なページを作るのにいろいろ苦労しそうだ。
マニュアルを読むと…。
1.初期化は、"pageinit"で行う。
2.動的には、"pagebeforechange"で行う。
とのこと。
たとえば、「index.html」-> 遷移 ->「about.html」と２個のファイルで構成され、それぞれ「copyright.html」を動的($.load or $.get)に読み込む構成にした時．．．
１．"pageinit"は「index.html」側でしか動作しない。
ページ構成中"１回"だけ呼ばれるとのこと。
２．"pagebeforechange"は両方で反応(fire)するものの、「bout.html」側の内容を変えられない。
これは、「abouht.html」自体が動的に読み込まれていることと関係があるようだ。
作る側としては、ファイルは分割しておきたいのだが．．．
おまけ。
"pageinit"は、data-role="page"を指すIDにしか有効にならないようだ。
たとえば、<div id="foo" data-role="page">のときは、fooとバインドさせるとうまく動作する。
