jquery - Jquery Mobile 后退按钮

Question

我有一个应用程序，我在其中以编程方式向页面添加后退按钮。这意味着第一页上不会有后退按钮。然而，应用程序本身有多种进入应用程序的方式，换句话说，我可以获得通知，并且在触摸该通知时，它会转到应用程序中的特定区域。该区域将没有返回主页的返回按钮，如果我手动添加一个，它将与编程的返回按钮冲突。

因此，我正在寻找一种方法来添加一个按钮以仅在第一次加载页面时返回主页，而在您访问页面时，返回按钮按预期执行。

Answer 1

我假设您正在使用data-add-back-btn=true动态向页面添加data-rel=back按钮。因此，可以通过首先检查data-rel=back活动页面中是否没有，其次，它不是您的主页。

还有一件事，一旦您离开该页面，您需要删除该按钮，以免与 JQM 将生成的按钮重叠。

演示

var backbtn = '<a href="#home" data-icon="arrow-l" data-iconpos="notext" class="backbtn"></a>';

$(document).on('pagebeforeshow', function () {
 var activePage = $.mobile.activePage;
 if (activePage.find('[data-rel=back]').length === 0 && activePage[0].id != 'home') {
  activePage.find('[data-role=header] h1').before(backbtn);
 }
 $('[data-role=page]').trigger('pagecreate');
 $(document).on('pagebeforehide', function () {
  $('a.backbtn').remove();
 });
});