1

我将我的 Android 应用程序从 cordova-1.6.1 升级到了 cordova-2.5.0。另外，我从 jquery.mobile-1.1.0 升级到 jquery.mobile-1.3.0.js。我在 Android 2.3.3 上运行我的应用程序。第一个页面 index.html 是一个闪屏，3 秒后进入页面 login.html。第一页，启动页，显示正确，但第二页出现空白，即使我链接到第一页之外的另一页。这一切在我升级之前都有效。我更进一步，将所有 login.html 页面内容复制到 index.html，它正确显示了我的登录表单。然后无论下一页要显示它都是空白的。这是我正在使用的代码：

        <!DOCTYPE HTML>
        <html>
        <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>AFitnessPal</title>

        <script src="jquery.mobile/jquery-1.9.0.js"></script>
        <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.0.css" />
        <script src="jquery.mobile/jquery.mobile-1.3.0.js"></script>
        <script type="text/javascript" charset="utf-8"  src="javascripts/cordova-2.5.0.js"></script>
        <script type="text/javascript" charset="utf-8" src="javascripts/DBAdapter.js"></script>


        </head>
        <body>
            <div data-role="page" id="indexpage" data-dom-cache="false">

                <div data-role="header" data-position="inline">
                    <h1>AFitnessPal</h1>

                </div>

                <div data-role="content">
                    <ul id="LoginForm" data-role="listview">
                        <li data-role="fieldcontain"><label for="name">Login
                                ID:</label> <input type="text" maxlength="100" name="loginID" id="loginID"
                            value="" /></li>
                        <li data-role="fieldcontain"><label for="name">Password:</label>
                            <input type="password" maxlength="100" name="loginPassword"
                            id="loginPassword" value="" /></li>
                        <li data-role="fieldcontain"><label for="slider2">Remember
                                login:</label> <select name="RememberLogin" id="RememberLogin"
                            data-role="slider">
                                <option value="0">No</option>
                                <option value="1">Yes</option>
                        </select></li>
                        <li class="ui-body ui-body-b">
                            <fieldset class="ui-grid-a">

                                <div class="ui-block-b">
                                    <button onclick="javascript:DoLogin();" data-theme="a">Submit</button>
                                </div>

                            </fieldset>
                        </li>
                        <li class="ui-body ui-body-b">
                            <div align="center">
                                <a href="CreateAccount.html"> Create New Account</a>
                            </div>
                        </li>
                    </ul>

                </div>
                <script type="text/javascript" charset="utf-8">
             function goToLogin()
             {
                 $.mobile.changePage("Login.html", { transition: "flip"} );

             }

              $("#indexpage").on('pageinit', function(){
                  alert('login.html pageinit fired');


                });

                $("#indexpage").on("pageshow", function(e) {
                    alert('login.html pageshow fired');

                  });


            </div>
        </body>
        </html>
4

0 回答 0