jquerymobile后退按钮未显示在标题上

Question

我正在尝试制作一个mobile site in MVC,我是jquerymobile的新手,我从JQM教程复制了以下代码并将其粘贴View到MVC中

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

  <div data-role="header">
    <h1>Home</h1>
  </div>

  <div data-role="content"> 
    <p><a href="#about" data-role="button">About this app</a></p>    
  </div>

</div>

<div data-role="page" id="about">

  <div data-role="header">
    <h1>About This App</h1>
  </div>

  <div data-role="content"> 
    <p>This app rocks! <a href="#home" data-role="button">Go home</a></p>    
  </div>

</div>

我的问题是,它显示了back button on header in the demo我从哪里复制了代码但是当我运行它时,the back button is not there任何机构都可以告诉我,为什么会发生这种情况？

Answer 1

尝试在您的"page"div上添加以下属性:

data-add-back-btn="true"

例如

<div data-role="page" id="home" data-add-back-btn="true">

Answer 2

编辑:
确定JQM确实具有该功能,但默认情况下它被禁用,但您可以通过设置addBackBtn为true或将data-add-back-btn="true"属性添加到页面div 来启用它.

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - 添加后退按钮.

一般情况下,如果你想要一个后退按钮,你只需使用该data-rel="back"属性,如果你想要它显示在标题中,那么你需要在那里添加它.

<div data-role="page">
<div data-role="header"> 
 <a href="#" data-rel="back">back</a> <h1> Title of page </h1>
</div>
<div data-role="content">
   </div>
<div data-role="footer"><h1>Footer </h1></div>
</div>