JQuery Mobile:页面标题上的后退按钮,但不是弹出标题

Question

我想在页面上有一个后退按钮,使用data-add-back-btn="true".但是我也希望在同一页面上弹出一个带有标题的弹出窗口,其上没有后退按钮.似乎该data-add-back-btn="true"属性适用于页面上的所有内容.

我在这里玩过不同的设置:http://jsfiddle.net/n9trV/4/但没有运气.谁能让这个工作吗？

使用JQM属性有没有任何巧妙的方法？否则我可能只是在页面初始化后手动删除按钮.

Answer 1

我认为你应该把这个报告为一个bug(我觉得是这样).但是,要使用标记解决您的问题,您可以删除

data-add-back-btn="true"

并放置在页眉内,无论是a <div>还是<header>(更好),如下所示的链接:

<a href="#" data-icon="back" data-rel="back" title="Go back">Back</a>

如果要使用以前的图标,请在链接中使用此属性:

data-icon="arrow-l"

所以你应该有这样的事情:

<div data-role="page" id="page2">   
   <header data-role="header">
      <a href="#" data-icon="back" data-rel="back" title="Go back">Back</a>
      <h1>Page 2</h1>
   </header>
   <!-- other code goes here -->
</div>