2012-09-09 108 views
1

嗨我已经假设有两个html文件作为index.html和test.html。在index.html中,我有一个按钮,单击该按钮我称之为test.html。在test.html中,我正在显示一个表格。现在我的index.html像:后添加数据-ajax =“false”后退按钮不起作用

<div data-role="page" id="home" data-theme="d"> 

     <div data-role="header" align="center"> 

      <a href="#" data-rel="back" data-icon="arrow-l">Back</a> 
       <h1>MySite.com</h1> 
      <a href="MainMenu.html" data-icon="grid">Menu</a> 


     </div> 
    <div data-role="content" > 

     <a href="UI/Equal/test.html" data-ajax="false" data-role="button" id="myButton">i ndex</a>   



    <ul data-role="listview" data-inset="true"> 
     <li><a href="UI/Equal/test.html" data-ajax="false"> Order Book </a></li> 
    </ul> 

    </div> 
</div> 

现在的onclick的按钮,在列表我去的test.html,并正确显示表。在我的test.html有一个标题和我有后退按钮为:

<div data-role="header" align="center"> 

     <a href="#" data-rel="back" data-icon="arrow-l">Back</a> 
      <h1>Test.com</h1> 
     <a href="MainMenu.html" data-icon="grid">Menu</a> 


    </div> 

现在,当我点击后退按钮它不会去的index.html。如果我从index.html中删除data-ajax="false",那么test.html的后退按钮可以正常工作,但是现在在test.html中,我为我的表使用.css文件,现在这里没有应用.css文件的效果。如果我在index.html中使用data-ajax="false",那么Test.html表格会正确绘制(表示我的.css文件加载正确)。我怎样才能同时获得正确的后退按钮和桌子。

任何建议将不胜感激。提前致谢。

回答

1

当您使用data-jax="false"时,您将禁用jquery mobile的Ajax导航,因此您链接的页面无法访问DOM中的上一页。

要在第二页上有后退按钮,您需要使用传统的<a href="..."链接将其硬编码到标题中,或使用代码将其拉到DOM的前一页。