Страница не загружается при первом нажатии на ссылку - Framework7 - PullRequest
0 голосов
/ 08 июня 2018

Играю с 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?Есть ли обходной путь для этого, чтобы я мог открыть его в первый клик сам?

Спасибо

...