Phonegap-Android的jquery返回按钮

最新推荐文章于 2019-02-18 16:21:39 发布

体温点蜡烛

最新推荐文章于 2019-02-18 16:21:39 发布

阅读量498

点赞数

CC 4.0 BY-SA版权

分类专栏：手机开发

本文链接：https://blog.youkuaiyun.com/lc_880627/article/details/41309223

手机开发专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何在单页或多页Web应用中设置返回按钮，并详细解释了不同页面数量情况下返回按钮的行为差异。此外，还展示了如何通过data-back-btn-text属性自定义返回按钮的文案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情况1：单页

单页情况即使设置了返回按钮属性data-add-back-btn="true"，也不会有返回按钮显示。因为单页即主页，不需要返回。

<body>
<div id="page1" data-role="page" data-add-back-btn="true">
    <div data-role="header"><h1>Page 1</h1></div>
    <div data-role="content">page1</div>
</div>
</body>

效果：

情况2：2页（多页）

如果多页的情况下设置了data-add-back-btn="true"，那么除了第一页以外的其他页会显示返回按钮

超链接中#page2为id为page2的div，一个data-role=“page”的div表示一个整页，填满一个屏幕

<body>
<div id="page1" data-role="page" data-add-back-btn="true" data-back-btn-text="back">
    <div data-role="header"><h1>page1</h1></div>
    <div data-role="content">
        content <a href="#page2">page2</a>
    </div>

</div>
<div id="page2" data-role="page" data-add-back-btn="true">
    <div data-role="header"><h1>Page 2</h1></div>
    <div data-role="content">page2</div>
</div>


</body>

效果：