hi , im new to f7 here is my code (i removed .css files to make the code shorter )
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#2196f3">
<title>My App</title>
</head>
<body>
<!-- App root element -->
<div id="app">
<div class="view view-main" data-url="/">
<div class="page" data-page="lab">
<div class="page-content ">
<a href="/test/" id="test" data-force="true" data-ignore-cache="true" class="back" > TEST PAGE </a>
</div>
</div>
</div>
</div>
<!-- Path to Framework7 Library JS-->
<script type="text/javascript" src="node_modules/framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="my-app.js"></script>
</body>
</html
here is my app.js
var $$ = Dom7;
var myapp = new Framework7({
root: '#app',
name: 'My App',
id: 'com.myapp.test',
routes: [
{
path: '/test/',
name: 'test',
url: 'http://localhost/skywin/client/f7/page/test.html',
}
]
});
var mainView = myapp.views.create('.view-main' , {url: '/' , dynamicNavbar : true});
im using my browser and testing this in localhost , i have 2 problems
1 - the link in the view doesnt work unless i add class=“back” to the link … other wise if i click it nothing will happen but when i add back to the class on click i see ajax call fired … is it something normal ? in document only back button has this class
2 - in my app.js i have specified this route
routes: [
{
path: '/test/',
name: 'test',
url: 'http://localhost/skywin/client/f7/page/test.html',
}
but when i click on the link ajax call goes to
obviusly my routes.path doesn’t work … what im doing wrong ?