jQuery Mobile - 删除后退按钮，data-nobackbtn 属性不起作用答案

【问题标题】：jQuery Mobile - remove the back button, data-nobackbtn property isn't workingjQuery Mobile - 删除后退按钮，data-nobackbtn 属性不起作用
【发布时间】：2011-04-13 16:55:19
【问题描述】：

我有一个简单的 jQueryMobile index.html 页面。其中我有两页使用 data-role="page" 语法。第一页只是一个启动屏幕，几秒钟后会自动更改为第二页。问题是在页面从启动页面更改为主页后，后退按钮会显示（即使使用 data-nobackbtn="true"）。如果我刷新第二页，后退按钮是隐藏的。

我在这里使用两页示例：http://jquerymobile.com/demos/1.0a4.1/#docs/pages/docs-pages.html

谢谢

【问题讨论】：

标签： jquery jquery-mobile back-button

【解决方案1】：

我已经成功使用了以下内容：

<div data-role="header" data-backbtn="false">
    <h1>My Title</h1>
</div>

它也适合你吗？

【讨论】：

【解决方案2】：

其中我有两个页面使用 data-role="page" 语法。

您永远不应该在另一个页面内拥有一个页面。页面应该各自声明，如您链接到的两个页面示例所示。

当您说您有 index.html 页面和其中的两个页面时，您的意思是 index.html 只是实际的文件名吗？或者另一个 JQuery Mobile data-role="page" 元素（后者渲染不好）。

无论如何，请尝试data-backbtn="false"，如上所述，这应该适合您。我从来没有听说过使用data-nobackbtn="true"，反正看起来有点多余，误报很糟糕。

【讨论】：

data-nobackbtn="true" 直到 alpha2，在有人指出这听起来很糟糕之前...... ;)
谢谢，data-backbtn="false" 与 data-nobackbtn="true" 不同，这很奇怪，它们实际上等同于基于语言的相同事物，但结果在功能上有所不同.

【解决方案3】：

如果您想知道为什么它在新版本中不起作用，那是因为发生了重大变化。如果您使用的是 jQM 1.1.0，请尝试

<div data-role="page" id="login" data-add-back-btn="false">

请不要在页面上而不是在标题中，并且属性从 data-backbtn 更改为 data-add-back-btn

【讨论】：

谢谢！想知道为什么我的用户突然有了一种全新的注销方式

【解决方案4】：

答案是使用

   <div data-role="header"  data-nobackbtn="true" >

您可以在

查看对 data-nobackbtn 的引用

http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery_android/

【讨论】：

【解决方案5】：

也许你在页面定义中激活了返回按钮：

<div data-role="page" data-theme="b" id="ptest" data-add-back-btn="true">

应该是

<div data-role="page" data-theme="b" id="ptest">

【讨论】：