Javascript 第一次单击链接时未加载页面-框架7

我正在使用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>

在我的

index.html

（我的主页）中，我创建了一个FAB按钮，如下所示：

routes = [
  {
    path: '/',
    url: './index.html',
  },
  {
    path: '/new-msg/',
    url: './pages/new-msg.html',
  },

  //.......

];

<div class="fab fab-right-bottom color-red">
    <a href="/new-msg/" class="link">
        <i class="icon f7-icons">add</i>                                                        
    </a>
</div>

问题是，当我在运行时单击FAB按钮（添加按钮）时，在第一次单击时，它不会打开

newmsg

页面。但如果我再次点击按钮，它就会打开。如果按下后退按钮（从

New Msg

页面）并再次单击该按钮（一次），它将打开而不会出现问题

因此，仅在第一次单击时，第一次单击不会打开

newmsg

页面。我认为它没有加载到DOM？是否有任何解决方法，以便我可以在第一次单击时打开它

---

谢谢

请创建一个最小、完整且可验证的示例。查看她的更多信息：你能搞定这个吗。检查这里确保你没有使用选择器在css文件中设置任何限制，对你的html元素有什么影响？它是否有一个（隐藏的）javascript

悬停

/

鼠标悬停

/

鼠标悬停

/

状态？如果是这样，WebKit浏览器（Safari、Android浏览器）会让您单击两次（第一次单击会触发悬停，如工具提示或动画）。