jquery事件不识别js添加的html组件？

Question

我正在使用js将表单元素添加到html文档中.例如,我将整个<form>表格添加到表格单元格中.例如:

<form class="add-comment"><input type="submit" /></form>

我尝试使用js根据新创建的表单中的元素调用事件,但没有任何反应.我应该得到一个警报框.我做错了什么？

$('.add-comment').submit(function() {
  alert('form submitted!');
});

谢谢.希望我解释得很好.

Answer 1

您是否在注册提交事件处理程序后添加元素？除非使用实时方法添加事件,否则您需要在每个新元素后注册事件.

$('.add-comment').live('submit', function() {
    alert('form submitted!');
});

这将为所有选定元素添加事件,即使将来添加它们也是如此.

http://api.jquery.com/live/