javascript - 调用时查询函数不会被触发

Question

我有一个 Jquery 函数来删除 HTML 表中的一行，它看起来像这样；

$(document).ready(function(){

    $("#thisNet td a.delete").click(function() {

        if (confirm("Are you sure you want to delete this row?")) {

            var id = $(this).parent().parent().attr('id');
            var data =  'id=' + id ;
            var parent = $(this).parent().parent();

            $.ajax({
                   type: "POST",
                   url: "delete-row.php",
                   data: data,
                   cache: false,
                   success: function()
                   {
                        parent.fadeOut('slow', function() {$(this).remove();});
                   }
             });                
        }
    });
});

我不知道它是否有效，因为当我单击按钮时我从未进入该功能。要单击的删除项位于 PHP/MySQL 创建的表中。我按照这里的教程进行操作； https://sarfraznawaz.wordpress.com/2009/09/14/deleting-table-rows-using-jquery-and-php/创建删除功能。我猜它不火的原因与时间有关。 $(document).ready(function() 已经认为页面在创建表格之前已完成加载..但我不知道如何克服这个问题。

页面在这里； http://kcmecc.org/RaspPi/一旦您访问它，请使用下拉菜单选择 Net #1。删除列是最后一个带有红色 x 的列。

Answer 1

文档准备就绪时不存在您的删除按钮。您需要使用.on动态添加元素时将事件委托(delegate)给祖先元素...

$(document).on('click', '#thisNet td a.delete', function() {