Question

我有一个页面 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'});
});

Answer 1

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

例如

<li><a href="../WebApp/gameDetails.html?gametype=Simple" rel="external">

根据jqueryMobile中的URL变量加载PAGE

1 个答案: