jQuery表单提交事件不起作用

我不知道这是什么问题，因为我在每一步都关注jquery.com关于表单提交事件的教程。jQuery表单提交事件不起作用

我的javascript：

[Ofc。包括最新的jQuery库]。

<script type="text/javascript"> 
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); }); 
</script>

也曾尝试与$(document).ready()事件：

$(document).ready(function(){ 
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); }); 
});

这里是我的HTML表单代码：

<form action="" id="addFav"> 
    <input type="text" name="name" class="thin-d"/> 
    <input type="submit" value="Send"/> 
</form>

因此，对于上述JavaScript程式码，它应该工作（我的意思是它应该防止默认行为[提交表单]然后发送警报），但它都不起作用 - 已经尝试了成千上万的组合，但我失败了。所以我在等你的解决方案，伙计们。我会很感激每一个。

2012-04-14 Lucas

您可能在某处出现了一些语法错误或类似问题，因为what you have just works。

你确定没有任何JS错误吗？

P.S.我会为后面的代码去确保元素在尝试附加事件之前在DOM中。

2012-04-14 12:05:19 PeeHaa

谢谢。我在隐藏的div内部使用这个表单（对于模式jQuery框），似乎我所要做的就是将代码移动到div标记的内部，因为脚本没有以其他方式加载。现在它工作了！谢谢。 – Lucas 2012-04-14 12:16:55

对于谁比谁有同样的问题，并且仍然在努力解决这个问题，尝试看看，如果你有非法重用ID，并尝试改变形式ID，以独特的东西。

我不小心给了两个不同的DOM元素的id，事件被绑定到第一个元素与各自的id和我的形式是第二个，所以它从来没有被捕获。这让我长久地拉着我的头发。

2014-06-14 10:17:38

使用更长的名称。 – 2015-09-24 05:01:13

回答