JQuery Mobileとクエリ文字列を介してリンク内の変数を渡しますが、クエリ文字列はリフレッシュされません

Question

JQuery MobileでPhoneGapアプリケーションを実行していますが、ページが2つあり、動的リストとフォームページを編集または作成することができます。これらは単一のhtmlファイル内にあります。

リスト項目をタップすると、アクションは=「編集」し、「追加」ボタンをタップしますか？action =クエリーストリングを追加します。

Here is a jsfiddle to visualize the pages

注：例では、ライブコードと全く同じ作用しません。

私はAndroid携帯電話上で自分のアプリケーションを実行していると私はこれらのアクションを行うと、正しいquerystingが警告ボックスに観察される： -

1. 背面のリストページに
2. クリックして[追加]ボタンをクリックします周りの（最初の編集をクリックし、[追加]ボタンを）なぜ私はそれを他の操作を行う場合は、フォームページ
3. は、追加ボタンが表示されませんクリックし、

しかしリストページの編集リストの項目のリンクをクリックしてください警告ボックスにクエリ文字列を追加する（jsfiddleの例では、最初にクリックされたリンクのクエリー文字列が常にライブコードよりもロックされています）。

Answer 1

ここで問題となるのは、複数のテンプレートを使用していることです。これを別のページとして使用していた場合、これは正常に動作します。複数のアプリとして、これを処理する最善の方法は、アプリケーションの現在の状態を追跡するいくつかのグローバル変数の設定をトリガーすることです。

次に、このようなスクリプト何か作るこの

<a href="javascript:editPage(15)">Page 15</a> 

などの編集リンクを作成します。

var editingId = 0 

function editPage(id){ 
    editingId = id; 
    $.mobile.changePage("#editingPage"); 
}); 

$("div#editingPage").live("pageshow", function(){ 
    loadDataForPage(editingId); 
});