Php 通过ajax加载内容后，Jquery不起作用

我是java脚本新手。当表已经存在于页面中时，我用来删除表行的代码可以正常工作，但如果我通过ajax调用从另一个页面加载表，代码就不起作用了。。请帮我解决这个问题。。java脚本在这里

$(document).ready(function()
{
    $('table#delTable 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();});
                   }
             });                
        }
    });

    // style the table with alternate colors
    // sets specified color for every odd row
    $('table#delTable tr:odd').css('background',' #FFFFFF');
});

html代码

<table id="delTable">       


    <tr id="ripon">
        <td align="left">Ipsum</td>
        <td align="center">19</td>
        <td align="center">17</td>
        <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td>
    </tr>
    <tr id="rukon">
        <td align="left">Dolor</td>
        <td align="center">55</td>
        <td align="center">12</td>
        <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td>
    </tr>
    <tr id="sumon">
        <td align="left">Sit</td>
        <td align="center">11</td>
        <td align="center">18</td>
        <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td>
    </tr>
    <tr id="mamun">
        <td align="left">Amet</td>
        <td align="center">29</td>
        <td align="center">27</td>
        <td align="center"><a href="#" class="delete" style="color:#FF0000;"><img alt="" align="absmiddle" border="0" src="img/delete.png" /></a></td>
    </tr>

乱数假文
19
17
多洛
55
12
坐着
11
18
艾米特
29
27

---

最简单的解决方案是使用“委派事件”。 有关详细信息，请参阅

---

注意：当我在

body

上调用

时，如果页面加载时（或者更具体地说，当您在
上调用
时），您可以在离表“更近”的位置调用它
 最简单的解决方案是使用“委派事件”。
有关详细信息，请参阅

注意：当我在
body
上调用
时，如果页面加载时（或者更具体地说，当您在
上调用
时），您可以在离表“更近”的位置调用它

$("body").on("click", "table#delTable td a.delete", function(event){
  // insert your code here
});