JQuery Mobile Page Aliases

Question

是否有可能在JQuery Mobile的頁面中添加別名，以便散列更改爲任何名稱都會導致頁面顯示？

背景
大家好，我想提出一個MVC風格的jQuery Mobile的應用，每個頁面都有其自己的JavaScript控制器。然後，在JQM PageBeforeShow事件中，相關控制器在顯示之前使用Mustache模板呈現頁面。

在我的應用我有在文檔正文中的三個JQM頁面容器看起來像這樣：

<div data-role='page' id='profile'></div> 
<div data-role='page' id='editprofile'></div> 
<div data-role='page' id='register'></div> 

這些頁面，因爲它們具有非常相似的內容都使用相同的控制器和鬍子模板，但顯然，這將創建一個訪問每個頁面後，很多重複的內容。

我更喜歡的是當散列更改爲#profile,#editprofile或#register時加載的單個JQM頁面。

有誰知道JQuery Mobile是否支持此功能，或者是否有可行的解決方法？

謝謝

Answer 1

您可以使用changePage轉換到由頁面ID指定的頁面。

$.mobile.changePage ('#profile'); 
$.mobile.changePage ('#editprofile'); 
$.mobile.changePage ('#register');