通過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(){ 
    ... 
});