如何在新添加的表单提交中放置事件监听器

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。 但这也不起作用。 任何解决方案？

Answer 1

.on()应该可以工作。 但这是另一个选择：

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

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

Answer 2

通过尝试许多方法，最终以下方法解决了我的问题。

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

});

感谢大家的帮助。