jQuery（IBM Worklight）頁面導航和後退按鈕

我正在開發一個應用程序，使用IBM Worklight和jQuery庫。應用程序的結構是jQuery（IBM Worklight）頁面導航和後退按鈕

的login.html - > Menu.html - >

菜單1 - > Menu1.html - >（上按一下按鈕） - > Detail.html - >（保存）address.html
菜單2 - > Menu2.html - >（上按鈕點擊） - > data.html - > edit.html

所以該應用流如上面所解釋。我正在使用jQuery單頁面模板（在每個html文件中），因爲應用程序有很多更多的頁面，並且所有這些只在html上是不合適的。

我創建

<div data-role="page" id="menuPage" data-theme="c"></div> 
<div data-role="page" id="menu1" data-theme="c"></div> 
<div data-role="page" id="details" data-theme="c"></div>

和按鈕點擊我使用$('#divID').load(abc.html, callback)和callback創造上面的html文件動態元素，並使用jQuery.append()附加加載相應的分區內各自的html文件。添加元素後，我使用$.mobile.changePage($('#menuPage'), 'pop');來更改頁面。

一切正常工作到現在，但問題出現時，當我嘗試使用後退按鈕。在Chrome瀏覽器或手機模擬器中，當我使用後退按鈕時，我可以進入前一頁，但是當我嘗試使用該前一頁上的鏈接/按鈕前進時，下一頁將創建爲沒有任何樣式。它在C級瀏覽器中沒有任何風格。

所以問題是，這是正確的方式來與頁面進行交互並在DOM中加載它們。以及如何讓按鈕正常工作。

任何建議將會非常有幫助。在此先感謝...

來源

2013-09-26 Aks

嘗試閱讀本文http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v600/03_02_Building_a_multi_page_application.pdf並使用示例多頁應用程序，它清楚地顯示如何執行此操作。 – Som

我試過使用這種方法，但在頁面樣式上有問題。當下一頁加載時，不呈現jQuery樣式。 – Aks

在Main中加載jquery應該可以工作..如果可以發佈一些更詳細的代碼，它將很容易識別問題。 – Som

$("#ID").trigger("create") or 
$("#ID").page().trigger("create") or 
$("#ID").trigger("pagecreate").

嘗試在逐頁加載頁面後，在回調函數中添加上述所有代碼。

來源

2013-11-27 16:01:36

jQuery（IBM Worklight）頁面導航和後退按鈕

回答

相關問題