javascript - 如何在新添加的表单提交上放置事件侦听器

Question

我的网页中有一些带有类名的表单post_reply

我正在使用以下内容来跟踪表单的提交

$(document).ready(function(){
    $(".post_reply").submit(function(event){
       // statements
    });
});

它有效，但是如果我使用 jquery / javascript 在页面中添加一些新表单，它不会跟踪它们的提交。

我也试过

$(document).ready(function(){
    $("#comments").on('submit', 'form.post_reply', function (event) {
      // statements
    });
});

上面#comments是容器 div。但它也不起作用。有什么解决办法？？

score 1 · Accepted Answer

.on()应该管用。但这里有另一种选择：

$("body").delegate("form.post_reply", "submit", function() {
  // statements
);

但是该.on()方法应该确实有效。

score 0 · Accepted Answer

通过尝试了这么多方法，最后下面的方法解决了我的问题。

$("#comments").on('submit', '.post_reply', function (event) {

});

感谢所有人的帮助。

2 回答 2