リスト ビューにすべてのゲームをリストするページgameList.htmlがあります。リスト アイテムにはページgameDetails.htmlへのリンクがあり、URL 変数gametypeをページに渡しています。ページgameDetails.htmlは持っていますID が simple、advanced、medium の 3 つのページ。URL 変数の値に基づいて適切なページを読み込もうとしています。どうすればこれを達成できますか?
<li><a href="../WebApp/gameDetails.html?gametype=Simple" data-ajax="false">
<li><a href="../WebApp/gameDetails.html?gametype=Advanced" data-ajax="false">
<li><a href="../WebApp/gameDetails.html?gametype=Medium" data-ajax="false">
これは、本体内のgameDetails.htmlにあるものです
<div id="pageSimple" data-role="page">
<div data-role="header">
<h1>Simple/h1>
</div>
<div data-role="content">
</div>
<div data-role="footer>
</div>
</div>
<div id="pageAdvanced" data-role="page">
<div data-role="header">
<h1>Advanced/h1>
</div>
<div data-role="content">
</div>
<div data-role="footer>
</div>
</div>
<div id="pageMedium" data-role="page">
<div data-role="header">
<h1>Medium/h1>
</div>
<div data-role="content">
</div>
<div data-role="footer>
</div>
</div>
ある程度は機能していますが、現在別の問題に直面しています。正しいページが読み込まれていますが、高度なページと中程度のページで戻るボタンを押すと、シンプルなページに移動します。取ることは可能ですか? gameList.htmlに戻りますか?
gameDetails.htmlに書いたjs
//NM.Utils.getUrlVars() は、URL 変数の値を取得するために使用するものです
$(function(){
$.mobile.changePage("#page"+NM.Utils.getUrlVars()["gametype"], {transition:'pop'});
});