Question

正在使用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？有没有解决方法，以便我可以在第一次点击时打开它？

谢谢

首次点击链接时页面未加载 - Framework7

0 个答案: