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

【问题标题】：Why isn't my submit button event not firing?为什么我的提交按钮事件没有触发？
【发布时间】：2013-03-06 07:12:37
【问题描述】：

我正在创建一个 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

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

【问题讨论】：

你能粘贴你的html代码吗？
我放了一个包含我的 html 代码的链接，因为在这里粘贴它会太多。

标签： jquery-mobile event-handling jquery submit-button

【解决方案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

【讨论】：

【解决方案2】：

确保您的按钮标记如下所示

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

希望您正确设置表单 ID

【讨论】：