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

Question

我尝试运行我的 javascript 代码，该代码是使用 ajax loadContent 函数在同一文件中声明的。我的问题是，加载内容后，该功能不起作用。

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

这里我将电子表格加载到 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() 的委托(delegate)版本:

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