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