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将事件委托给祖先元素...

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

调用

1 个答案: