Jquery Mobile Back Buttons

Question

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

所以我正在寻找一种方法来添加一个按钮，只有在首次加载页面时才返回主页，有时当你访问后退按钮按预期执行页面时返回主页。

Answer 1

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

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

  

<强> Demo

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();
 });
});