私が取り組んでいるjqueryモバイルアプリに問題があります。
基本的に、アプリの特定の部分で、ページごとに 6 項目をリストする検索結果と、x 個の JQM ページがすべて同じ実際のページ内にあります。複数ページのテンプレートとして作成したので、結果を左右にスライドしたりスワイプしたりできます。見栄えがよく滑らかです。
検索結果は、日付順とアルファベット順に並べ替える必要があるため、2 つを切り替えることができます。これのロジックはすべてサーバー側で行われます。同じ物理 URL にリンクするだけですが、クエリ文字列を使用して日付順に切り替えます。そのようです....
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="orderOptions">
<a href="/Default.aspx?orderBy=atoz" id="MainContent_rptBrochures_BrochureList_2_btnAtoZ_2" data-role="button" data-theme="a" class="sortOptions ui-btn-active ">A-Z</a>
<a href="/Default.aspx?orderBy=date" id="MainContent_rptBrochures_BrochureList_2_btnDate_2" data-role="button" data-theme="a" class="sortOptions">Date</a>
</div>
問題は、[日付] ボタンをクリックすると、トランジションが新しい並べ替えられた結果セットの最初の JQM ページに読み込まれますが、他のページには読み込まれないことです。AtoZ 結果セットの他のすべてのページも保持します。すべての Date 結果セットが必要ですが、AtoZ セットは必要ありません (これらは削除する必要があります)。
クエリ文字列を追加することで、新しいページ要求のように見え、すべてのキャッシュを回避できることを願っていましたが、そうではないようです!
私がやりたくないのは、素敵なトランジションが失われるため、リンクをクリックして完全に更新することです (これは機能します)。誰かがこれを回避する方法を考えられるかどうか疑問に思っていましたか? または、似たようなものに出くわしますか?
乾杯、ウィル