如何使用 jQuery 进行 Framework7 路由？

Question

我正在使用 Framework7 开发混合移动应用程序。我成功地完成了用户界面，现在我想向我的应用程序添加功能。我的问题是从一个 .html 到另一个的导航。在用户界面上，我使用链接进行了导航，如下所示：

<a href="/homepage/" class="button button-fill button-login">LOGIN</a>

因为一些检查，我删除了整个 href-tag，现在我遇到了问题，我如何在 [=60= 中进行链接]?

我尝试了很多，也遵循了 public "Router JavaScript API" (https://v1.framework7.io/docs/router-api.html) 但没有任何效果（注意：这不是我的全部代码，只是受影响的部分）：

尝试 1

var myApp = new Framework7 ({}); var mainView = myApp.views.add('.view-main');

var 应用 = { 初始化：函数（）{ events.doClickFunctions(); }, 登录： { 成功：函数（）{ //这里应该完成链接 mainView.router.load('/主页/'); } } };

问题："myApp.views.add is not a function"

尝试 2

var myApp = new Framework7 ({}); var mainView = myApp.addView('.view-main');

var 应用 = {

    init: function () {
        events.doClickFunctions();
    },
    login: {
        success: function () {
            //here should be the linking done
            mainView.router.load('/homepage/');
        }
    }
};

问题："myApp.addView is not a function"

我尝试了其他一些组合，但没有任何效果。

此外，我做了一个解决方法：如果检查成功，href 属性将添加 jQuery 并在元素上进行虚拟点击。所以用户体验就像我想要的那样，但我想这不是它应该如何工作的？

提前致谢！

Answer 1

试试这个

        var app = new Framework7({
  id: 'io.framework7.testapp',
  precompileTemplates: true, //
  template7Pages: true,
  root: '#app',
  theme: theme,
  cache: false ,/* disable caching */
  data: function () {


  },
  methods: {
    helloWorld: function () {
      app.dialog.alert('Hello World!');
    },
  },
  routes: routes,
  vi: {
    placementId: 'pltd4o7ibb9rc653x14',
  }
});
app.views.main.router.navigate('/login/');

要路由到 jq 中的另一个页面，请使用：

  app.views.main.router.navigate('/login/');

如何使用 jQuery 进行 Framework7 路由？

How to do Framework7 routing with jQuery?

javascript

jquery

html-framework-7

试试这个