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) {...