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 Mobile＆gt; = 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/

我无法使用数据加回按钮

2 个答案: