在Jquery mobile的一个页面中包含几个页面

我正在使用jQuery Mobile的应用程序。 我需要在最后一次提交表单之前在一个预览页面中包含几页。

这是关于我的应用程序的一个基本想法。 它需要至less10-15个表单来收集用户的数据。 而我的html看起来像这样:

<html> <head> <title>Title</title> </head> <body> <div data-role="page" id="login-page"> </div> <div data-role="page" id="form1-page"> <!-- CONTENT --> </div> <div data-role="page" id="form2-page"> <!-- CONTENT --> </div> <div data-role="page" id="preview-page"> <!-- CONTENT --> </div> </body> </html> 

我已将预览button链接到预览页面。 问题是,我想要在预览页面中dynamic地包含所有的表单页面。

任何人都可以帮助我吗?

PS:我已经试图谷歌。 我find了这个答案。 但可能是我误解了一些东西,因为这在我的情况下是行不通的。

注意:我正在android webview中渲染。

Related of "在Jquery mobile的一个页面中包含几个页面"

最后,我达到了我想要的。 这并不难。 我不明白为什么有人不能提供任何提示! 🙁

我在这里张贴我的答案,以便它可以帮助未来的人类似的问题。

首先,我在.js文件中添加了以下内容。

 $("#preview-page").live('pageinit', function() { $('#divPage1Preview').html($('#page1-content').clone()); $('#divPage2Preview').html($('#page2-content').clone()); }); 

在这里, divPage1PreviewdivPage2Preview是在preview-page表单中定义的空白div。 而page1-contentpage2-contentform1-pageform2-page内容div的id。

从这里,我可以得到所有的领域,但不是内部的价值观。 所以我改变了我的html有点像:

 <div data-role="content" id ="page1-content" data-dom-cache="true"> <div data-role="content" id ="page2-content" data-dom-cache="true"> 

所以现在它按照我的要求工作。

希望这将有助于未来的人。 🙂

也许把forms分成更小的片段是最好的。 每个页面都有一个form-part-#的ID。 当提交每个表单时,它会validation当前表单,将表单数据作为隐藏元素添加到最后一个表单中,然后调用$ .mobile.changePage();