Jquery Mobile Back Buttons

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

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

Answer 1

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

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

演示

 var backbtn = ''; $(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(); }); });