jquery-mobile - 我无法让 data-add-back-btn 工作

Question

此代码不产生上一个按钮：

<div data-role="page" data-add-back-btn="true" data-back-btn-text="Previous">
    <div data-role="header">
        <h1>My Header</h1>
    </div>
</div>

Answer 1

实际上，要data-add-back-btn="true"在最新版本的 jQuery Mobile 1.4 中工作，它应该位于第二页的页眉。

<div data-role="page" id="2ndPage">
  <div data-role="header" data-add-back-btn="true" data-back-btn-text="Previous!">
    <h1>HEADER</h1>
  </div>
  <div data-role="content">
         hi
  </div>
  <div data-role="footer">
    <p>FOOTER</p>
  </div>
</div>

Answer 2

jQuery 移动 >= 1.4：https ://stackoverflow.com/a/20065246/1771795

---

添加data-add-btn-back到单个页面不会生成按钮，因为在 DOM 和导航历史记录中之前没有页面。

如果您制作两页，它将出现在下一页上。

<!-- page -->
<div data-role="page">
 <div data-role="header">
    <h1>My Header</h1>
</div>
<a href='#p1'>page 2</a>
</div>

<!-- another page -->
<div data-role="page" data-add-back-btn="true" data-back-btn-text="Previous" id='p1'>
  <div data-role="header">
    <h1>My Header</h1>
 </div>
</div>

演示：http: //jsfiddle.net/uJz3E/1/