9

我正在使用 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>

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

任何人都可以帮助我吗？

PS：我已经尝试谷歌了。我找到了这个答案。但可能是我误解了一些东西，因为它在我的情况下不起作用。

注意：我在 android webview 中渲染这个。

4

2 回答 2

5

最后，我实现了我想要的。这并不难。我不明白为什么有人不能给出任何提示！:(

我在这里发布我的答案，以便将来可以帮助某人解决类似问题。

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

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

这里, divPage1Preview,是在表单中divPage2Preview定义的空白 div 。preview-page和是和page1-content中page2-content内容 div 的 id 。form1-pageform2-page

由此，我可以获得所有字段，但不能获得其中的值。所以我改变了我的html有点像：

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

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

希望这对将来的人有所帮助。:)

于 2013-04-17T12:11:37.783 回答
1

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

于 2013-03-21T19:14:50.870 回答