第一页后，数据表，click（函数）和on（提交）不起作用

Question

我使用以下代码来管理记录（编辑和删除照片）。 我正在使用数据表，但是在第一页之后，js不起作用。

HTML

    <td align="center">
      <a id="129" class="photo-edit-link" href="#" title="Edit Photo"><i class="fa fa-pencil fa-lg"></i></a>
    </td>
    <td align="center">
      <a id="129" class="photo-delete-link" href="#" title="Delete photo"><i class="fa fa-trash fa-lg text-danger"></i></a>
    </td>

js脚本

/* Photo Edit */
$(".photo-edit-link").click(function()
{
    var id = $(this).attr("id");
    var photo_id = id;
        $(".content-loader").fadeOut('slow', function()
         {
            $(".content-loader").fadeIn('slow');
            $(".content-loader").load('photo_edit_form.php?photo_id='+photo_id);
        });
    return false;
});
/* Photo Edit */


/* Photo Delete */
$(".photo-delete-link").click(function()
{
    var id = $(this).attr("id");
    var del_id = id;
    var parent = $(this).parent("td").parent("tr");
    if(confirm('Delete photo with ID = ' +del_id))
    {
        $.post('photo_delete.php', {'del_id':del_id}, function(data)
        {
            parent.fadeOut('slow');
        });
    }
    return false;
});
/* Photo Delete */

有什么建议吗？ 谢谢

Answer 1

请尝试以下提到的解决方案。

/* Photo Edit */
$(document).on('click','.photo-edit-link',function()
{
    var id = $(this).attr("id");
    var photo_id = id;
        $(".content-loader").fadeOut('slow', function()
         {
            $(".content-loader").fadeIn('slow');
            $(".content-loader").load('photo_edit_form.php?photo_id='+photo_id);
        });
    return false;
});
/* Photo Edit */


/* Photo Delete */
$(document).on('click','.photo-delete-link',function()
{
    var id = $(this).attr("id");
    var del_id = id;
    var parent = $(this).parent("td").parent("tr");
    if(confirm('Delete photo with ID = ' +del_id))
    {
        $.post('photo_delete.php', {'del_id':del_id}, function(data)
        {
            parent.fadeOut('slow');
        });
    }
    return false;
});

让我知道它是否不适合您。