5

在 iPhone 上，当您在顶部有一个 NavBar 时，会有一个后退按钮。

而不是说“后退”，它包含上一页的标题。

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

单击显示“书籍”的按钮将带您返回上一页。

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

编辑

我知道我可以在页面上做到这一点；

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

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

4

1 回答 1

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 是用于设置后退按钮文本的全局变量。

于 2012-05-03T05:07:10.267 回答