jQuery Mobile - 別のhtmlページ内にいくつかのajaxがあるhtmlページをリンクする方法

Question

私はphoneGapとjQuery Mobileを使ってアプリケーションを開発しました。最初のページには、ユーザーがクリックしてページに移動するためのナビゲーションバーがあります。このページには、JSONフィードをサーバーから取得するためのajax呼び出しもあります。私は次のことをしています：

<ul> 
    <li><a href="sites.html" data-icon="home" class="ui-btn-active">My</a></li> 
    <li><a href="profile.html" data-icon="gear">Recent</a></li> 
</ul> 

しかし、ページがロードされていません。しかし、私が直接ページを開くとうまく動作します。私のajax呼び出しはdocument.ready（）イベントにあります。

どうすればいいですか？

Answer 1

私は電話の隙間に慣れていませんが、jQuery Mobileは自動的に内部リンクをajax呼び出しに変換します。 document.ready()で何もする必要はありません。 jQueryのモバイルで

---

jQuery Mobile Documentation - Page Links

、 document.ready()のみ火災の初期ページがロードされます。また、jQuery Mobileは、新しいページをロードするときにのみコンテンツを取得するため、ヘッダーには何も実行されません。他のページ document.ready()の効果をシミュレートするためには、次の操作を行います。

$('#aboutPage').live('pagecreate',function(event){ 
alert('This page was just enhanced by jQuery Mobile!'); 
// Insert the calls that were in the document.ready() here. 
}); 

jQuery Mobile Documentation - Page Scrpting