0

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

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

4

2 回答 2

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
于 2013-03-06T07:35:56.507 回答
0

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

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

并且希望您正确设置表单ID

于 2013-03-06T07:16:22.467 回答