2

私は次の問題を抱えています：

私はJquerymobileを使用しています。ユーザーは製品を検索でき、それらのページの詳細は動的に作成されます。

何かのようなもの ：

 $("body").append('<div class="products" data-role="page" id="'+pageId+'"><div data-role="header"><p class="backSearch"><a href="#base" data-rel="back" data-role="button" data-inline="true" data-icon="back">back</a></p><h1>' +data.title+ '</h1></div></div>');

 // create the content DIV
 $('#'+pageId).append('<div data-role="content" id="content_'+pageId+'">...</div>');

正常に動作していますが、問題は、製品の詳細に移動して更新をクリックすると、フォームが再び表示され、Domが更新されたため、製品の詳細にアクセスできなくなることです（別の検索などを行う必要があります）。 ..）

この問題を解決するための解決策はありますか？

4

3 に答える 3

2

これらの詳細をローカルに保存し、ブラウザの更新後も利用できるようにするには、を使用してみてくださいstore.js。これは、ローカル変数を格納するためのクロスブラウザJavaScriptライブラリです。

https://github.com/marcuswestin/store.js

于 2011-09-16T15:34:22.110 に答える
1

ブラウザのローカルストレージを使用してデータを保存しています。ページが更新されたら、変数のデータを確認し、必要に応じてローカルストレージからロードします。

于 2011-10-06T15:19:36.937 に答える
1

empty（）を使用して、ターゲットの内容をクリアします

$('#'+pageId).empty().append('<div data-role="content" id="content_'+pageId+'">...</div>');
于 2011-10-24T11:08:59.443 に答える