在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中渲染。

  • 使用Android Studio将html文件从assets文件夹加载到android上的webview
  • 使用webView时是否可以将HTML表单中的数据导入android?
  • 如何使我的项目与不同的SDK版本兼容,同时使用特定版本的function
  • SIGSEGV将HTML + Flash加载到WebView中
  • Android Webview初始缩小
  • 停止在webViewClient加载
  • 未捕获的ReferenceError:myFunction未在null处定义:1在webview中的Androidexception
  • Webview显示错误“没find类”android.webkit.RenderProcessGoneDetail“
  • 最后,我达到了我想要的。 这并不难。 我不明白为什么有人不能提供任何提示! 🙁

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

    首先,我在.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();