7

我正在尝试制作一个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任何人都可以告诉我，为什么会这样？

4

3 回答 3

15

尝试将以下属性放在您的“页面”div 上：

data-add-back-btn="true"

例如

<div data-role="page" id="home" data-add-back-btn="true">
于 2012-05-21T20:04:29.090 回答
6

编辑：
好的 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>
于 2012-05-21T20:12:56.777 回答
2

这适用于 1.4.4 及更高版本

<div data-role="header" >
        <h1>PAGE_NAME</h1>
        <a href="#" data-rel="back" class="ui-btn-left ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all"  data-role="button" role="button">Back</a>
</div>
于 2014-09-19T11:35:45.080 回答