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中的多頁面應用程序

回答

相關問題