Sat*_*000 6 jquery jquery-mobile
这是2011年6月3日,我正在使用JQuery Mobile的最新版本.
我的问题是后退按钮已经消失了.
如何让后退按钮出现?
更新:
我试过这个,但仍然没有回按钮.
<body>
<div data-role="page" data-theme="a" data-iscroll="enable" data-add-back-btn="true">
<div data-role="header" data-theme="a" data-backbtn="true">
<h1>title here</h1>
<a href="index.php" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home">Home</a>
<a href="view.php" data-icon="arrow-r" data-theme="a" data-iconpos="right">Events</a>
</div><!-- /header -->
<div data-role="content">
Run Code Online (Sandbox Code Playgroud)
Mar*_*man 14
如果您查看may中的jQuery移动博客帖子,默认情况下后退按钮现已关闭.
要重新启用后退按钮,只需添加data-add-back-btn="true"到页面容器:
<div data-role="page" id="page1">
<div data-role="header">
<h1>First page</h1>
</div>
<div data-role="content">
<p><a href="#page2">page2</a></p>
</div>
<div data-role="footer">
<h4>Optional footer</h4>
</div>
</div>
<div data-role="page" id="page2" data-add-back-btn="true">
<div data-role="header">
<h1>Second Page</h1>
</div>
<div data-role="content">
<p><a href="#page1">page1</a></p>
</div>
<div data-role="footer">
<h4>Optional footer</h4>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
如果你仍然没有看到它并且你的标记都是正确的,Mark的评论很有帮助:
假设您导航到另一个页面
在添加属性时,我没有在我测试的页面上看到后退按钮:
data-add-back-btn="true"
Run Code Online (Sandbox Code Playgroud)
这是因为浏览器的该选项卡上没有浏览器历史记录,因此没有后退按钮的可能性.如果我导航到我正在从另一个页面测试的页面,那么我会看到后退按钮.