我正在尝试创建mobile site in MVC
,我是jquerymobile的新手,我从JQM教程复制了以下代码并将其粘贴到MVC中的View
<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
任何人都可以告诉我,为什么会这样?
答案 0 :(得分:15)
尝试在“page”div上添加以下属性:
data-add-back-btn="true"
例如
<div data-role="page" id="home" data-add-back-btn="true">
答案 1 :(得分:6)
修改强>
OK 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>
答案 2 :(得分: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>