複数のファイルを持つjQueryモバイルサイト

Question

私はjQuery Mobileを使用してモバイルフレンドリーなウェブサイトを作成していますが、複数のHTMLファイルを使用して、それぞれが1つのdata-role = "page"これは、既存のサイトを最大限に再利用できるため、1つのファイル内のrole = "page" divs）私は、メインページの<a>タグで使用できるdata-ajax = "false"の概念全体を知っていますが、これはページ遷移効果を無効にします。

私はそのページに直接行くのでなければ、ページショー、pagebeforeshow、pageinit、document.readyなどを試しましたが、メインページすなわちTOCからリンクをたどるのではなく、 TOCからのリンクをたどった後のページ）。だから、基本的には、私のJSファイルは次のようになります。

('div[data-role="page"]:first').live('pageshow',function(){ /*do custom stuff here */})

私もこれへの参照は、TOCのページが、運...私は一種の期待にファイルJS追加してみましたが、私は私が試してみた考え出し。私は、JQMが（遷移効果を失うことなく）このようにサイトを行うことを単にサポートしていないと信じるのは難しいと思うので、おそらく単純なものがありません。

Answer 1

1. .live()は減価償却、そう.delegate()を使用している：http://api.jquery.com/on
2. あなたは（私はあなたの複雑なセレクタがイベントの委任に対して有効ではないかもしれないこと、これはあなたの問題だと思います）ではなく、複数の擬似セレクターを使用するよりもIDにバインドする必要があります：

。

$(document).delegate('[data-role="page"]', 'pageinit', function() { 
    //you can now do work for all the `[data-role="page"]` "pages" 
}); 

それとも、あなたが欲しいどちらを指定するために、異なるdata-role="page"要素にクラスを置くことができる：あなたが何かをするために、擬似ページのすべてにバインドしたい場合は

$(document).delegate('#my-page-id', 'pageinit', function() { 
    //you can now do work for the `#my-page-id` pseudo-page 
}); 

世界的にあなたが使用することができます縛る