jQuery事件处理程序不起作用

Question

我可以将jquery事件绑定到此元素,如:

<script type="text/javascript">
$('#new_key').ready(function() {
 alert('Handler for .submit() called.');
 return false;
});

它按预期工作

但如果我这样做:

<script type="text/javascript">
$('#new_key').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

它不工作.有谁知道为什么？我错过了什么？

Answer 1

你需要这样做:

$(function() { //equal to $(document).ready() {
  $('#new_key').submit(function() {
    alert('Handler for .submit() called.');
    return false;
  });
});

当您调用时,表单可能还没有准备好绑定,因此您需要将其包装起来以便在文档准备好时执行并装配处理程序.