後退按鈕不工作的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移動

回答

相關問題