Question

我试图让这项工作持续数小时。在login.js的第1行上测试pageinit和pageshow都没有响应，但页面仍在加载，我在FF中运行时没有收到任何javascript错误。

来自index.html

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>PSForum Notiser</title>
    <link rel="stylesheet" href="js/jquery.mobile/jquery.mobile-1.3.2.min.css" />
    <script type="text/javascript" src="phonegap.js"></script>
    <script src="js/jquery.mobile/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.mobile/jquery.mobile-1.3.2.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/login.js"></script>
</head>

来自login.html

<div id="loginPage" data-role="page">

    <div data-role="content">    

        <form id="loginForm">
            <div data-role="fieldcontain" class="ui-hide-label">
                <label for="username">Username:</label>
                <input type="text" name="username" id="username" value="" placeholder="Username" />
            </div>

            <div data-role="fieldcontain" class="ui-hide-label">
                <label for="password">Password:</label>
                <input type="password" name="password" id="password" value="" placeholder="Password" />
            </div>

            <input type="submit" value="Login" id="submitButton">
        </form>

    </div>

</div>

来自login.js（希望不运行的部分）

$("#loginPage").on('pageinit', function(){
    alert("Hello world!");
    console.log("loginPage is loaded");
    checkPreAuth();
    var form = $("#loginForm");
    $(form).on("submit",handleLogin);

    if(window.localStorage["username"] != undefined) {
      $("#username", form).val(window.localStorage["username"]);
    }
});

我希望stackoverflow的智慧可以帮助我找到$("#loginPage").on('pageinit')没有解雇的原因？

祝你好运

“pageinit”事件没有解雇

0 个答案: