后退按钮不工作的jQuery移动

您好我有两个HTML文件index.html，然后在test.html中我已经重新添加按钮data-rel="back"这两个文件，当我从指数去考，然后在test.html的，当我点击回按钮，那么它不会导航到index.html。我的索引文件是：后退按钮不工作的jQuery移动

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 


    <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" /> 
    <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" /> 
    <link rel="stylesheet" href="docsdemos-style-override.css" /> 
    <script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script> 
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script> 

</head> 
<body> 

    <div id="searchpage" data-role="page" data-theme="b" data-role="content" data-add-back-btn="true"> 

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

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

     </div> 

     <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br" > 
        <input type="text" name="stock" id="enterstock" value="" /> 

        <input type="submit" id = "verify" data-role="button"> 

     </div> 

     <script type="text/javascript"> 

      $("#verify").click(function (e) 
      { 
       e.stopImmediatePropagation(); 
       e.preventDefault(); 
       window.location = "Test.html"; 
       //$.mobile.changePage('Test.html') 
      }); 


     </script> 


    </div> 

</body> 
</html>

我的test.html是：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" /> 
    <link rel="stylesheet" href="docs/assets/css/jqm-docs.css" /> 
    <link rel="stylesheet" href="docsdemos-style-override.css" /> 
    <script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script> 
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.1.0.js"></script> 
    <!-- Uncomment following line to access PhoneGap APIs (not necessary to use PhoneGap to package web app) --> 
    <!-- <script type="text/javascript" charset="utf-8" src="cordova-1.6.1.js"></script>--> 


</head> 


<body> 

    <div id="cash" data-role="page" data-theme="a" data-role="content" data-add-back-btn="true"> 
     <div data-role="header" align="center"> 

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


     </div> 

     <h1>Testing</h1> 
    </div> 

</body> 

</html>

如果我使用$.mobile.changePage('Test.html')然后后退按钮工作正常，但与window.location = "Test.html";它不工作。为什么这样？在blackberry5 changePage不工作，因此我不能使用它。任何建议将不胜感激。在此先感谢

来源

2012-07-24 PPD

data-rel =“返回”与基于单个html页面的导航堆栈构建一起使用。

将您的网页添加到相同的html文件。它根据需求应用页面增强。即使两个页面在相同的HTML第二页中，在您切换到该页面之前也不会加载到DOM。

我想当你尝试玩两个htmls dom不应该表现得像那样。不是吗。

将两页放在同一个html上。这就是他们如何推荐你想要依靠内置的导航系统。

您的页面格式也不正确。首先遵循一个好的教程。

来源

2012-07-24 06:06:07 MadNik

感谢您的回复，其实我有很多页面，所以我不能将它们添加到相同的页面。任何其他解决方案导航到后面，而不使用ajax？ – PPD 2012-07-24 06:09:25

如上所述，data-rel =“back”用于单个HTML页面内的页面。

但是，您可以尝试使用history.back（）函数。这应该模拟浏览器上的“返回”按钮，所以如果这是你正在寻找的行为，它应该工作。试一试！

来源

2012-08-01 21:10:49 user1452076

使用的单击事件下面的代码

window.history.back（）;

来源

2015-06-03 05:07:27

后退按钮不工作的jQuery移动

回答

相关问题