通过jquery提交表单的链接有时不会触发

Question

我有一个提交大表单的链接，代码如下：

$('#the_link').click(function() {
   $('#the_form').submit();
   return false;
});

然而，有时候（大约有3次我猜）表格没有提交，也没有发生任何事情。只需点击即可。

我错过了什么吗？是链接链接和表单的代码是正确的还是我设置了一些竞争条件？

干杯。

Answer 1

这是一种猜测，但请尝试在return false;处理程序中使用e.preventDefualt()而不是click。看起来这将更直接地针对特定事件对象。

$('#the_link').click(function( e ) {
    e.preventDefault();
    $('#the_form').submit();
});

（如果return false;的目的也是为了防止事件冒泡，那么也要添加e.stopPropagation()。）

Answer 2

确保文档已满载。

您可以使用firbug上的firefox进行测试。

Answer 3

这是一个奇怪的，但我已经修好了。

这实际上是一个css问题，链接上：active成为position：relative;并向下移动1px。

出于某种原因，这有时会阻止链接发射。很奇怪。