通过AJAX加载内容后运行javascript代码

Question

我试着运行我的JavaScript代码，它是在与ajax loadContent函数相同的文件中声明的。我的问题是，加载内容后，该功能不起作用。

我寻找解决方案，并且我在jQuery中找到了.live（）方法，但我使用的是现在不支持的1.9版本。

这里IM加载电子表格的HTML文档：

var spreadsheet = $('div#item-list table > tbody'); 

function loadContent(){ 
    $.post('ajaxRequest.php', { 'function' : 'loadData' }) 
     .done(function(content){ 
       spreadsheet.empty().append(content); 
     }); 
    } 

在这同样的文件我有这样的代码： 之前我装操作按钮到电子表格中，现在我想做些动作中包含“removerow形式“

$('input[name="removerow"]').on("click" , function(){ 
      $.post('ajaxRequest.php', { 'function' : 'removerow', 'ID' : ID }) 
      .done(function(result){ 
        alert(result); 
      }); 
      return false; 
     }); 

问题是在JavaScript中，而不是PHP，我敢肯定，在100％。

在此先感谢！

Answer 1

您正在寻找的on()委派版本：

$('#item-list').on('click', 'input[name="removerow"]', function(){ 
    ... 
});