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

Question

在iPhone上,如果顶部有一个NavBar,则会有一个后退按钮.

而不是说"返回"它没有上一页的标题.

所以你可能会说"结账"页面.NavBar的标题是"Checkout",按钮可能是"Books".

单击"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 方法获取后退按钮的标题并在后退按钮标题中设置。如果您可以获得上一页标题，则将其设置在 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 是全局变量，用于设置后退按钮文本。