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

时间:2013-04-23 09:34:45

标签: javascript jquery

我的网页上有一些表格名为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。但它也行不通。任何解决方案??

2 个答案:

答案 0 :(得分:1)

.on()应该有效。但这是另一种选择:

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

.on()方法确实有用。

答案 1 :(得分:0)

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

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

});

感谢All For Help。