[Solved] Javascript routing not working

Hello!
I want to navigate from one page to another, but i get no response and nothing is changed with the following code:

main.js
var framework7App = new Framework7();
var mainView = framework7App.views.create(’.view-main’);

var app = {
  //btnClickedFunction is fired correctly, but nothing is changed
   btnClickedFunction: function(){
      mainView.router.navigate('/homepage/');  
      //also tried: mainView.router.load('/homepage/');
   }
};

routes.js
var routes = [
// Index page
{
path: ‘/’,
url: ‘./index.html’,
name: ‘home’,
},
// About page
{
path: ‘/about/’,
url: ‘./pages/about.html’,
name: ‘about’,
},
{
path: ‘/homepage/’,
url: ‘./pages/homepage.html’,
name: ‘homepage’,
}];

index.html

< div id=“app”>
< div class=“view view-main view-init ios-edges” data-url="/">
< div class=“page”>
< div class=“page no-toolbar no-navbar no-swipeback”>
< div class=“page-content login-screen-content”>
< form>
< div class=“list”>

< /div>
< /form>
< /div>
< /div>
< /div>
< /div>
< /div>

version: Framework7 2.1.3

What must my javascript code look like, to navigate successfully? Thank you in advance!

Found the error:
framework7App.routes was empty the following code works

main.js
var framework7App = new Framework7({
routes:routes
});

1 Like