Question

在iPhone上，如果顶部有一个导航栏，则会有一个后退按钮。

不是说“返回”，而是包含上一页的标题。

所以你可能会说“结帐”页面。 NavBar的标题是“Checkout”，按钮可能会显示“Books”。

点击“图书”按钮会返回上一页。

如何在jQuery mobile中实现这一点，而无需使用后退按钮的名称进行编码，因为您可能从不同的路径进入该页面？

修改

我知道我可以在页面上执行此操作;

<div data-role="page" id="pageViewChallenges" data-add-back-btn="true" data-back-btn-text="previous">

但这使得按钮文本“上一个”而不是页面名称。

Answer 1

你可以使用 <a href="previuos_page.html" id="bkbtnid" data-icon="back">Books</a>

（如果您使用外部页面）

和

<a href="#Id_of_previous_page" id="bkbtnid" data-icon="back">Books</a>

（使用内部页面时）

这是自定义后退按钮的简单设置，如果你想将前一页标题作为后退按钮，那么只需通过jquery方法获取后退按钮的标题，然后在后面的按钮标题中设置.IF你可以获得上一页标题然后设置它在pageshow事件上通过使用jquery获取后退按钮的id，如下所示：

$('#MaterialAndQuantityDetails')
        .live(
                'pagebeforeshow',
                function() {
                    // page header Management
                    $('#bkbtnid').html("");
                    $('#bkbtnid').html(BackButtontext);
 });

如果你想到如何获得上一页的标题然后在之前的“ pagehide ”上写下代码

var BackButtontext = document.getElementById('previous_page_header_id').value;

这里BackButtontext是用于设置后退按钮文本的全局变量。

带有上一页后退按钮的jQuery Mobile NavBar

1 个答案: