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

Question

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

Mys*_*icϡ 9 jquery android include webview jquery-mobile

我正在使用jquery mobile处理应用程序.我需要在最终提交表单之前在一个预览页面中包含几页.

这是关于我的应用程序的基本概念.它需要至少10-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>

Run Code Online (Sandbox Code Playgroud)

我已将"预览"按钮链接到预览页面.问题是,我想动态地在预览页面中包含填充值的所有表单页面.

任何人都可以帮助我吗？

PS:我已经尝试过google了.我找到了这个答案.但可能是我误解了一些东西,因为它在我的情况下不起作用.

注意:我在android webview中渲染它.

Answer 1

Mys*_*icϡ 5

最后,我实现了我想要的.这并不困难.我无法理解为什么有人不能给出任何暗示!:(

我在这里发布我的答案,以便它可以帮助将来的类似问题的人.

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

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

Run Code Online (Sandbox Code Playgroud)

这里divPage1Preview,divPage2Preview在定义空白的div preview-page形式.并且page1-content,page2-content内容div的内容form1-page和form2-page.

从这里,我可以得到所有的字段,但不是里面的值.所以我改变了我的html有点像:

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

Run Code Online (Sandbox Code Playgroud)

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

希望这有助于将来的某些人.:)

归档时间：	12 年，10 月前
查看次数：	414 次
最近记录：	11 年，1 月前