Событие onclick не работает по ссылке

Question

У меня есть обработка серверной обработки, включенная в моем datatable. Я использую следующий код для моего DataTable:

<script type="text/javascript"> 
$(document).ready(function() { 
    var table = $('#FullDataDisplay').DataTable({ 
    "processing": true, 
    "serverSide": true, 
    "ajax": "server_processing.php", 
    "aoColumnDefs": [    
{ 
    "aTargets": [ 2 ], // Column to target 
    "mRender": function (data, type, full) { 
    return '<a id=' + full[0] + ' class="edit-link" href="#" title="Edit">' + data + '</a>'; 
    } 
} 
] 
}); 
}); 
</script> 

Это правильно возвращая ссылку, необходимую для передачи моих crud.js скрипт со следующим:

/* Get Edit ID */ 
    $(".edit-link").click(function() 
    { 
      var id = $(this).attr("id"); 
      var edit_id = id; 
      { 
        $(".content-loader").fadeOut('slow', function() 
        { 
          $(".content-loader").fadeIn('slow'); 
          $(".content-loader").load('edit_form.php?edit_id='+edit_id); 
          $("#btn-add").hide(); 
          $("#btn-view").show(); 
        }); 
      } 
      return false; 
    }); 
    /* Get Edit ID */ 

Проблема заключается в том, при щелчке ссылки ничего не происходит.

Answer 1

Поскольку вы загружаете содержимое динамически с помощью AJAX вы должны использовать $(document)

/* Get Edit ID */ 
$(document).on('click',".edit-link",function() { 
    var id = $(this).attr("id"); 
    var edit_id = id; { 
     $(".content-loader").fadeOut('slow', function() { 
      $(".content-loader").fadeIn('slow'); 
      $(".content-loader").load('edit_form.php?edit_id=' + edit_id); 
      $("#btn-add").hide(); 
      $("#btn-view").show(); 
     }); 
    } 
    return false; 
}); 
/* Get Edit ID */