0

使用 Worklight 6.0，我创建了一个带有 Android 环境的应用程序，并且正在使用 jQuery Mobile。

通过 Worklight Console 预览应用程序的公共环境时，页面链接非常有效。但它不适用于 Android 模拟器。每当我单击提交按钮时，都会刷新同一页面。

这是我的代码：

<!DOCTYPE HTML>
<html>
        <head>
            <meta charset="UTF-8">
            <title>SaskenV1</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
            <link rel="shortcut icon" href="images/favicon.png">
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
            <link href="jqueryMobile/jquery.mobile-1.1.2.css" rel="stylesheet">
            <link rel="stylesheet" href="css/SaskenV1.css">
            <script>window.$ = window.jQuery = WLJQ;</script>
            <script src="js/jquery.js"></script>
            <script src="jqueryMobile/jquery.mobile-1.1.2.js"></script>
<link
    href="jqueryMobile/jquery.mobile-1.1.2.css"
    rel="stylesheet">


</head>
        <body id="content" style="display: none;">
            <div data-role="page" id="page1">
                <div data-role="content" style="padding: 15px">

            <div data-role="fieldcontain" id="fieldcontain">
                <label for="text">Username:</label><input type="text" name="text" id="name">
            </div>

            <div data-role="fieldcontain" id="fieldcontain0">
                <label for="text0">Password:</label><input type="text"
                    name="text0" id="pass">

            </div>

            <div class="ui-grid-a">
                <div class="ui-block-a">
                    <a href="#" data-role="button" id="cancel">Cancel</a>
</div>
                <div class="ui-block-b">

                    <a href="#page2" data-role="button" id="submit">Submit</a>

                </div>

            </div>

        </div>
            </div>

            <div data-role="page" id="page2">
    <div data-role="header">
        <a href="SaskenV3.html" data-icon="home">Home</a>
        <h6>2nd Page</h6>
        <a data-rel="back" data-icon="back">Go back</a>
    </div>
    <div data-role="content">
        <a href="#page1">Return to Page 1</a>
    </div>
    <div data-role="footer">
        <h2>Footer Content</h2>
    </div>
</div>

            <script src="js/initOptions.js"></script>

            <script src="js/SaskenV1.js"></script>
            <script src="js/messages.js"></script>
        </body>
</html>

每当用户点击提交按钮时，我都想去#page2。不知道为什么它不起作用...

更新：

现在，我发现我在 html 文件中所做的任何更改都不会影响 Android 项目。即使我也建造了它。

4

1 回答 1

0

这对我来说非常好。
我在 Worklight 6.0.0.1 中完成了以下操作：

  1. 创建了一个新的 Worklight 项目
  2. 在应用程序创建期间，我选择添加 jQuery Mobile。我使用了 jQuery Mobile v1.3.1（至少我添加了 images 文件夹和 jquery.mobile-1.3.1 CSS 和 JS 文件）
  3. 添加了安卓环境
  4. 在myProject\apps\myApp\common\myApp.html我已将BODY元素的内容替换为您的内容（当然，底部的 3 个脚本引用除外）
  5. 右键单击 myApp 文件夹并选择Run As > Build All and Deploy
  6. 右键单击生成的Android项目并选择Run As > Android application

该应用程序随后在 Android 模拟器中启动。
输入一些文本并单击提交按钮后，页面转换到第二页。

确保您遵循上述内容。

在此处输入图像描述

于 2013-12-11T17:55:33.600 回答