Question

我正在使用IBM Workligth开发一个hypbrid应用程序，其中包含一个包含所有应用程序页面的html文件，例如：

<div data-role="page" id="page1">

//page1 specific

</div>

<div data-role="page" id="page2">

//page2 specific

</div>

如何在页面之间切换？看起来这应该很简单，但我无法找到方法。

提前致谢。

Answer 1

您可能还应该提到您在HTML标记中使用jQuery Mobile（data-role属性...），因为这是您问题的关键。

jQuery Mobile提供了创建多页面应用程序的能力。有两种方法：

您应该考虑上述方法之一，具体取决于＆＃34; heavy＆＃34;你的应用程序将是（多少页，每页的内容等...）。

jQuery Mobile的文档网站解释了上述概念：http://demos.jquerymobile.com/1.4.3/pages/

jQuery Mobile提供了一种名为changePage的API方法。使用它，您将能够遍历＆＃34;页面＆＃34;。

例如：
点击后按钮将显示另一个＆＃34;页面＆＃34; （这里是DIV）。

<a href="#" data-role="button" id="button" onclick="$.mobile.changePage('page2', {transition: 'flip'})">load page2</a>

在Worklight应用程序的上下文中，您必须记住Worklight是一个单页面应用程序，这意味着在＆＃34;页面之间导航＆＃34;必须以使Worklight框架保持循环的方式完成，否则Worklight功能将停止运行。

最后，这里有一些示例Worklight 6.1项目：