1

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

Login.html --> Menu.html -->

  • Menu1 --> Menu1.html -->(点击按钮)--> Detail.html -->(save)address.html
  • Menu2 --> 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 文件中创建动态元素并使用附加的div 中加载相应的 html 文件jQuery.append()。附加元素后，我$.mobile.changePage($('#menuPage'), 'pop');用于更改页面。

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

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

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

4

1 回答 1

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

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

于 2013-11-27T16:01:36.973 回答