Datatables，点击（功能）并在（提交）不工作后第1页

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 */ 

任何suggetions？ 谢谢

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; 
}); 

让我知道，如果它不为你工作。