JQuery ajax在动态添加的表单上不起作用

Question

我有一个每个都带有按钮投票的注释列表。
当票发售者我调用这个函数：

$(".vote").on("click", function (e) {... 

但是，当我添加新评论到列表中我使用此功能添加：

$("#frmNewComment").on("submit", function(event) { 
      event.preventDefault(); 

      var url = $(this).attr("action"); 
      var formData = $(this).serialize(); 

      $.ajax({ 
       url: url, 
       type: "POST", 
       data: formData, 
       dataType: "html", 
       success: function (html) { 
        $(".comments-list").append(html); 
       } 
      }); 

     }); 

但它并不能使它AJAX请求当投票。
评论被引用到服务器，但没有AJAX。
在这个过程中应该做些什么？

Answer 1

更换

$("#frmNewComment").on("submit", function(event) { 

要

$("body").on("submit","#frmNewComment", function(event) { 

如果你改变表单元素与Ajax响应

使用相同的点击事件

$("body").on("click",".vote", function (e) {...