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!