使用没有ajax的post方法的SUBMIT表单(jquery mobile)

时间:2011-03-14 15:02:02

标签: javascript jquery-mobile

我正在登录表单,如下所示:

<head> 
    <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
    <script src="../sp/jqm/jquery.mobile.js"></script>
    <script type="text/javascript">
    $(document).bind("mobileinit", function(){
        $.extend(  $.mobile , {
            ajaxFormsEnabled: false,
            ajaxEnabled: true
        });
    });

    </script>
    <link rel="stylesheet" href="../sp/jqm/jquery.mobile.min.css" />
</head>
<body>
    <div data-role="page" data-theme="b"> 
        <div data-role="header">
            <h1>Login</h1>
        </div> 
        <div data-role="content">
            <form action="login_act.asp" method="POST" id="frm_prijava" name="frm_prijava">
                <div data-role="fieldcontain">
                    <label for="username"> User name:</label>
                    <input type="text" name="username" id="username" value=""  />
                    <label for="pass">Password:</label>
                    <input type="password" name="pass" id="pass" value=""  />
                    <input type="submit" name="sbm" id="sbm" data-role="button" value="Enter" /> 
                </div>
            </form>
        </div> 
    </div> 
</body>

当我尝试提交表单时,会弹出对话框并且没有任何反应......它只是加载页面...

如何在没有ajax的情况下提交此表单?

1 个答案:

答案 0 :(得分:1)

在加载jQuery Mobile之前尝试执行您的mobileinit事件

mobileinit事件在执行时立即触发,您需要在加载jQuery Mobile之前绑定事件处理程序。

干杯