Недавно я создал приложение, используя framework7 и Cordova. Мое приложение состоит из одного html-файла, в котором есть все представления. Для перехода между представлениями в верхней части каждого дочернего представления имеется кнопка «Назад».
Если человек нажмет кнопку «Назад» на устройстве, приложение закроется.
Как я могу использовать кнопку «Назад», чтобы перейти на главную страницу, когда я нахожусь на дочерних страницах?
Я прочитал API-интерфейс маршрутизатора на веб-сайте framework7, но он действительно сбивает с толку и, похоже, не работает. Вот что я пытаюсь:
<html>
<head>...</head>
<body>
...
<!-- Views -->
<div class="views">
<!-- View -->
<div class="view view-main">
<!-- Pages -->
<div class="pages">
<!-- Home page -->
<div class="page" data-page="index">
<div class="page-content">
<p>Home page</p>
</div>
</div>
<!-- About page -->
<div class="page cached" data-page="about">
<div class="page-content">
<p>About page</p>
</div>
</div>
<!-- Services page -->
<div class="page cached" data-page="services">
<div class="page-content">
<p>Services page</p>
</div>
</div>
</div>
</div>
</div>
...
</body>
</html>
// Initialize App
var myApp = new Framework7();
// Initialize View
var mainView = myApp.addView('.view-main')
// Load about page:
mainView.router.load({pageName: 'about'});
Обратите внимание, что я хочу использовать физическую кнопку на устройстве для перехода к основному виду, когда я нахожусь в другом div.
Пожалуйста помоги.