jQuery（IBM Worklight）页面导航和后退按钮

Question

我正在使用带有jQuery库的IBM Worklight开发一个应用程序。应用程序的结构是

Login.html - ＆gt; Menu.html - ＆gt;

• Menu1 - ＆gt; Menu1.html - ＆gt;（按钮点击） - ＆gt; Detail.html - ＆gt;（保存）address.html
• Menu2 - ＆gt; Menu2.html - ＆gt;（按钮点击） - ＆gt; data.html - ＆gt; edit.html

所以app如上所述流动。我正在使用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()附加相应的div中加载相应的html文件。 添加元素后，我使用$.mobile.changePage($('#menuPage'), 'pop');来更改页面。

到目前为止一切正常，但是当我尝试使用后退按钮时出现问题。在Chrome浏览器或移动模拟器中，当我使用后退按钮时，我能够进入上一页，但是当我尝试使用上一页上的链接/按钮继续下一页创建时没有任何风格。它在没有任何风格的C级浏览器中出现。

所以问题是它是与页面交互并在DOM中加载它们的正确方法。以及如何让按钮正常工作。

任何建议都会非常有帮助。提前谢谢......

Answer 1

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

在逐页加载页面后，尝试在回调函数中添加上述所有代码。