gpt4 book ai didi

android - 在Jquery Mobile中的一个页面中包含几个页面

转载 作者:塔克拉玛干 更新时间:2023-11-02 08:37:31 25 4
gpt4 key购买 nike

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

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

有人可以帮我吗?

P.S:我已经尝试用谷歌搜索了。我找到了 this回答。但可能是我误解了一些东西,因为它在我的情况下不起作用。

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

最佳答案

终于,我实现了我想要的。这并不难。我不明白为什么有人不能给出任何提示! :(

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

首先,我在 .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中content 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">

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

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

关于android - 在Jquery Mobile中的一个页面中包含几个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15548326/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com