Question

我正在创建一个jQuery移动表单，它将在表单下方的div中显示计算出的答案。基本上，客户端提交按钮然而，我真的没有运气试图解雇事件。但它似乎正在重新加载页面或DOM，我真的不知道并在命中提交按钮之前添加所选项目的值。当这个表格不应发布任何内容时，似乎表单正在发布。此表单从JSON文件中获取值，并将它们添加为选项，单选按钮和复选框。单击提交按钮时，下面的代码似乎根本不会触发：

$("form").submit(function(event){
    alert("submit button clicked");
    event.preventDefault(); // stop default behaviour of submit
    event.stopPropagation(); //event handler moved to something else
    calculate(); //invokes the calculate method
}

我不确定我的表单需要什么属性，因为这将是一个客户端提交按钮。我只有id并将所有jQuery移动控件包装在表单中。

我正在尝试让提交活动正常运行的完整网站位于：http://goo.gl/C9tW7

更新：看起来我错过了事件处理程序声明中的井号。看起来这个特定问题已经解决了。提交按钮事件处理程序正在触发，但需要显示的计算不按预期方式执行。

Answer 1

从您的代码

，您缺少结束括号

$("form").submit(function(event){
    alert("submit button clicked");
    event.preventDefault(); // stop default behaviour of submit
    event.stopPropagation(); //event handler moved to something else
    calculate(); //invokes the calculate method
}); //<-- here

Answer 2

确保按钮的标记如下所示

<button data-theme="b" id="submit" type="submit">Submit</button>

并让您正确设置表单ID

为什么我的提交按钮事件没有被触发？

2 个答案: