Framework7中的多页面应用程序

我已经使用jQuery Mobile（JQM）开发了多个多页面应用程序，并计划使用Framework7。Framework7中的多页面应用程序

在JQM创建各自的JS文件一起几个HTML页面

login.html 
login.js 

home.html 
home.js 

payment.html 
payment.js

所有的JS文件都在各自的HTML页面

<div data-role="page"> 
    <script src="js/login.js"></script> 
</div>

当一个页面被打开使用$.mobile.changepage链接，页面事件（pageinit，pageshow等）在各自的js被触发。所有的控制事件都被处理为$('#element').on('click', function(e){});

但是，我无法在Framework7中实现此功能。需要关于此的指导。我试图添加JS到HTML文件，但它没有得到添加。

来源

2016-06-07 Sahil

首先要注意的是，在运行任何脚本之前，Framework7需要初始化。因此，您需要首先在html页面中添加framework7 js。对于framework7应用程序，页面方法与jQM稍有不同。您可以在F7中创建两种类型的页面。
1）您可以在单个html文件内创建所有页面。
2）多个html页面。
F7具有特定的视图定义，这在创建html页面时非常重要。因此F7需要主视图，并且在初始化f7之后，您还需要初始化主视图。
要你需要使用路由器的API。有关即页面之间进行导航：

mainView.router.load(selector) // selector can be data-page/html file name

MAINVIEW是查看的对象，它需要F7初始化后初始化。

var myApp = new Framework7({ 
    // ... 
}); 

/* Initialize views */ 
var mainView = myApp.addView('.view-main', { 
    dynamicNavbar: true 
}) 
var anotherView = myApp.addView('.another-view');

从SVN下载F7主，并检查例如folder.It会给你所有的观点和页面好主意。
希望这有助于

来源

2016-06-08 07:51:56 Mahen

mainView.router.loadPage('ur_page.html');

将解决您的页面导航在您的应用程序/网站。

来源

2017-02-19 07:19:17

Framework7中的多页面应用程序

回答

相关问题