Кнопка jQuery Mobile - назад

Я разрабатываю приложение, используя jQuery Mobile 4.1.

В моем приложении у меня есть две html-страницы, такие как login.html и home.html. В home.html есть 3 страницы.(), как menupage, searchpage, resultpage.

Поток проекта - login.html --- > home.html. В home.html menupage отображается как первая страница. Если я выберу какой-то вариант в меню, он переместится на страницу поиска, а затем на страницу результатов. подумайте, в настоящее время я нахожусь в странице результатов. Если я нажму кнопку "Назад" в мобильных браузерах (iPhone-safari, Android-chrome), он переместится в login.html.

Но я хочу отобразить searchPage. Как решить эту проблему? Можно ли сделать это?

[Примечание. Страницы должны быть на одной странице html (home.html).

Ответы

Ответ 1

используйте атрибут data-rel="back" в теге привязки вместо хеш-навигации, это приведет вас к предыдущей странице

Посмотрите на обратную связь: Здесь

Ответ 2

Более новые версии JQuery для мобильных API (я думаю, его более новый, чем 1.5) требуют добавления кнопки "назад" явно в заголовке или внизу каждой страницы.

Итак, попробуйте добавить это в теги div страницы:

data-add-back-btn="true"
data-back-btn-text="Back"

Пример:

<div data-role="page" id="page2" data-add-back-btn="true" data-back-btn-text="Back">

Ответ 3

попробовать

$(document).ready(function(){
    $('mybutton').click(function(){
        parent.history.back();
        return false;
    });
});

или

$(document).ready(function(){
    $('mybutton').click(function(){
        parent.history.back();

    });
});

Ответ 4

Вы можете попробовать этот script в заголовке HTML-кода:

<script>
   $.extend(  $.mobile , {
   ajaxEnabled: false,
   hashListeningEnabled: false
   });
</script>

Ответ 5

Вы можете использовать опцию nonHistorySelectors из jQuery mobile, где вы не хотите отслеживать историю. Подробную документацию вы можете найти здесь http://jquerymobile.com/demos/1.0a4.1/#docs/api/globalconfig.html

Ответ 6

Это для версии 1.4.4

  <div data-role="header" >
        <h1>CHANGE HOUSE ANIMATION</h1>
        <a href="#" data-rel="back" class="ui-btn-left ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all"  data-role="button" role="button">Back</a>
    </div>

Ответ 7

попробуйте использовать li, может быть более четным

<ul>
 <li><a href="#one"  data-role="button" role="button">back</a></li>
 </ul>