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

Question

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

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

谢谢

Answer 1

我成功地使用了以下内容：

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

它也对您有用吗？

Answer 2

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

你永远不应该在一个页面中包含另一个页面。每个页面都应该单独声明，如您链接到的两个页面示例所示。

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

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

Answer 3

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

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

请注意，它位于页面上而不是标题中，并且属性从 data-backbtn 更改为 data-add-back-btn

Answer 4

答案是使用

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

您可以在

http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery_android/" rel="nofollow">http:// /mobile.tutsplus.com/tutorials/mobile-web-apps/jquery_android/

Answer 5

也许您已经在页面定义中激活了后退按钮：

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

应该是

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