返回按鈕不工作在jquery移動

你好朋友我創建了兩個頁面一個是index.html第二個是about.html。我只是想使用jQuery mobile在about.html上添加返回按鈕。我已經嘗試過，但後退按鈕是不是在我的代碼工作我不知道是什麼問題返回按鈕不工作在jquery移動

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" /> 
    <script src="jquery-1.8.2.min.js"></script> 
    <script src="jquery.mobile-1.2.0.min.js"></script> 
</head> 

<body> 
    <div data-role="page"> 
    <div data-role="data-add-back-btn ">Back</div> 
     <div><h1>Page title</h1> 
     <a href="about.html" data-role="button">About us</a></div> 
    </div> 
</body> 
</html>

請幫助我。在此先感謝...

來源

2012-10-04 user1716135

您可以嘗試使用data-rel="back"如下創建後退按鈕：

<a data-role="button" data-rel="back">Back</a>

HTML全文：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" /> 
    <script src="jquery-1.8.2.min.js"></script> 
    <script src="jquery.mobile-1.2.0.min.js"></script> 
</head> 

<body> 
    <div data-role="page"> 
     <a data-role="button" data-rel="back">Back</a> 
     <div> 
      <h1>Page title</h1> 
      <a href="about.html" data-role="button">About us</a> 
     </div> 
    </div> 
</body> 
</html>

檢查在線文檔的部分"Back" button links欲瞭解更多信息：http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

來源

2012-10-04 09:34:12 Littm

是的，但上面的示例代碼關閉了一個「A」標籤機智h是「DIV」。如圖所示，它在渲染時看起來破損。 Back之後的結束標記應該是「」。 –

@ B-Money：感謝您通知錯誤伴侶。我剛剛糾正了它。 – Littm

返回按鈕不工作在jquery移動

回答

相關問題