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代码，以防止是否导航到提交页面

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

我了解到data-ajax="false阻止了表单通过ajax提交。因此，我再次尝试从表单中删除action属性，但仍然无法正常工作。在浏览器上执行此操作时，jQuery代码有效，但不在intel xdk中。

我可能做错了什么？

Answer 1

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

当您单击提交时，它将重定向到http://domain.com/app.php因此该事件未在javascript中处理