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

时间:2013-01-25 15:18:46

标签: jquery-mobile

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

我在这里玩过不同的设置:http://jsfiddle.net/n9trV/4/但没有运气。任何人都可以这样工作吗?

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

1 个答案:

答案 0 :(得分:6)

我认为您应该将此报告为错误(我觉得是这样)。但是,要使用标记解决您的问题,您可以删除

data-add-back-btn="true"

并放置在页面标题内,无论是<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>