Играю с Framework7 для разработки мобильных приложений.
У меня небольшая проблема.У меня есть следующие настройки:
var $$ = Dom7;
var app = new Framework7({
//.....
routes: routes
});
var homeView = app.views.create('#view-home', {
url: '/'
});
var settingsView = app.views.create('#view-settings', {
url: '/settings/'
});
И теперь я создал новую страницу внутри /pages/new-msg.html
со следующим содержанием:
<div class="page" data-name="new-msg">
<div class="navbar">
<div class="navbar-inner sliding">
<div class="left">
<a href="#" class="link back">
<i class="icon icon-back"></i>
<span class="ios-only">Back</span>
</a>
</div>
<div class="title">Create New Message</div>
</div>
</div>
<div class="page-content">
<div class="block block-strong">
testing...
</div>
</div>
</div>
И мой routes.js
выглядит так:
routes = [
{
path: '/',
url: './index.html',
},
{
path: '/new-msg/',
url: './pages/new-msg.html',
},
//.......
];
И внутри моей index.html
(моей домашней страницы) я создал кнопку FAB следующим образом:
<div class="fab fab-right-bottom color-red">
<a href="/new-msg/" class="link">
<i class="icon f7-icons">add</i>
</a>
</div>
Проблема в том, что когда я нажимаю кнопку FAB(кнопка добавления) во время выполнения, при первом нажатии она не откроет страницу New Msg
.Но если я снова нажму на кнопку, она откроется.И если нажать кнопку «назад» (со страницы New Msg
) и снова нажать кнопку (один раз), она откроется без проблем.
Итак, только в первый раз первый щелчок не открываетсявверх по странице New Msg
.Я думаю, что его не загружается в DOM?Есть ли обходной путь для этого, чтобы я мог открыть его в первый клик сам?
Спасибо