jquery mobile intel xdk 应用程序表单提交不起作用

Question

我正在创建一个 jquery 移动应用程序，其中有一个表单可将数据发布到在线服务器。当表单中包含操作属性时，表单将正确提交并在提交页面上显示一条消息。虽然我附加了 jquery 以防止它导航到提交页面，如下所示。

<form data-ajax="false" id="codeVerification" method="post" action="http://domain.com/app.php">
    <div data-role="fieldcontain">            
        <label >Code</label>
        <input  type="text" placeholder="enter code" name="code" id="code"/>
    </div>
    <div data-role="fieldcontain">
        <button id="codeSubmit" >Submit</button>
        <input type="hidden" value="codeVerification" name="action"/>
    </div>     
</form>

这是我的测试 jquery 代码，用于防止 if 导航到提交页面

$(document).ready ( function() {
    $("#codeVerification").on('submit', function(){
        alert('true');
        return false;
    });
});

我知道 data-ajax="false 会阻止表单通过 ajax 提交。因此，我再次尝试从表单中删除 action 属性，但它仍然不起作用。当在浏览器上执行此操作，jquery 代码可以工作，但在 intel xdk 中则不行。

我可能做错了什么？

Answer 1

删除action="http://domain.com/app.php"在<form>然后警报就会起作用，

当您点击提交时，它会重定向到http://domain.com/app.php所以事件不会在 javascript 中处理