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

讓我知道，如果它不爲你工作。