2012-07-03 37 views
0
一个URL变量PAGE

我有一个页面gameList.html,列出一个清单view.The列表项的所有比赛都获得了链接的网页gameDetails.html和Im通过一个URL变量游戏类型到页面。页面gameDetails.html有三个页面,ID简单,高级和中等。我试图根据URL变量的值加载适当的页面。我该如何做到这一点?加载基于在jqueryMobile

<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> 

我有这里面有点working.But IM面临的另一个问题now.The正确的页面被加载但是当我在高级和中型页面上点击后退按钮时,它会将我带到简单页面。是否有可能让我回到gameList.html

JS的我写gameDetails.html

//NM.Utils.getUrlVars()是我用得到的URL变量的值

$(function(){ 
$.mobile.changePage("#page"+NM.Utils.getUrlVars()["gametype"], {transition:'pop'}); 
}); 

回答

0

你不应该需要任何JavaScript来完成这个,你只需要添加rel="external"到你的链接。

例如

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