0

我有一个页面gameList.html，它在列表视图中列出了所有游戏。列表项有一个指向页面gameDetails.html的链接，我将一个URL变量gametype传递给页面。页面gameDetails.html有三个具有简单、高级和中等 ID 的页面。我尝试根据 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'});
});
4

1 回答 1

0

您不需要任何 JavaScript 来完成此操作，您只需要添加rel="external"到您的链接。

例如

<li><a href="../WebApp/gameDetails.html?gametype=Simple" rel="external">
于 2012-07-03T21:09:33.430 回答