Question

我在jquery mobile中有一个多页文档。第1页有一个链接，可以将我重定向到第2页.Page 2有一个按钮，可以将请求提交给服务器。是否可以创建一个在第1页和第2页都有表单字段的表单，当我提交表单时，两个页面中的字段都会被提交。 jquery mobile中的多页文档是否支持此功能？或者还有其他方法可以轻松完成吗？

Answer 1

是的，你可以。

长页面表单可以分布在同一个html中的两个页面上，如下面的代码所示。

<body>
    <form action="/m/processOrder.php" method="post">
        <div data-role="page" id="delivery">
            <?php $headerTitle = "Deliver To"; ?>
            <?php include("includes/header.php"); ?>
            <div data-role="content">
                <h2>Where will we be delivering?</h2>
                <!—-form elements go here -->
                <p>
                    <div class="ui-grid-a">
                        <div class="ui-block-a"><a data-role="button" href="index.php">Cancel</a></div>
                        <div class="ui-block-b"><a data-role="button" href="#payment">Continue</a></div>
                    </div>
                </p>
            </div>
            <?php include("includes/footer.php"); ?>
        </div>
        <div data-role="page" id="payment">
            <?php $headerTitle = "Payment"; ?>
            <?php include("includes/header.php"); ?>
            <div data-role="content">
                <h2>Please enter payment information</h2>
                <!-—form elements go here -->
                <p>
                    <div class="ui-grid-a">
                    <div class="ui-block-a"><a data-role="button" data-theme="d" href="index.php">Cancel</a></div>
                        <div class="ui-block-b"><input type="submit"data-theme="b" value="Submit"/></div>
                    </div>
                </p>
            </div>
            <?php include("includes/footer.php"); ?>
            </div>
    </form>
<body>

单个dom中可以存在多个data-role="page"。来自官方的jqm文档

HTML文档可以从单个“页面”和Ajax开始导航系统会根据需要将其他页面加载到DOM中用户浏览。或者，可以构建HTML文档内部有多个“页面”，框架将转换在这些本地视图之间，无需从中请求内容服务器

这是文档的link。

使用jQuery Mobile创建移动应用的代码段 Shane Gliser

我们可以在jquery mobile中的多页文档中有一个包含来自不同页面的字段的表单吗？

1 个答案: