Бутстрап модальный не тригерринг после использования нумерации данных

Question

Я использую Bootstrap и Datatable.Модальный открывается, когда я нажимаю кнопку детали.На первой странице, когда я нажимаю кнопку «Подробности», модальное окно открывается правильно, но когда я на второй странице, модальное окно не запускается.Может ли кто-нибудь помочь мне в этом же.Вот мой код

мой javascript для datatable:

 $(document).ready(function(){  
  $('.view_data').click(function(){  
       var employee_id = $(this).attr("id");  
       var data = table.row( this ).data();
       $.ajax({  
            url:"search_details.php",  
            method:"post",  
            data:{employee_id:employee_id},  
            success:function(data){  
                 $('#search_detail').html(data);  
                 $('#dataModal').modal("show");  
            }  
       });  
  });  
}); 

search_details.php, который является страницей php, получающей сведения о записи

<?php  
if(isset($_POST["employee_id"]))  
{  
    include('../db.php');
  $output = '';  

  $query = "SELECT * FROM patent_search WHERE id = '".$_POST["employee_id"]."'";  
  $result = mysqli_query($con, $query);  
  $output .= '  
  <div class="table-responsive">  
       <table id="prodlist" class="table table-bordered">';  
  while($row = mysqli_fetch_array($result))  
  {  

Это кнопка сведенийв таблице данных, которая вызывает Модал

 <input type="button" name="view" value="Details" id="<? echo $row["id"]; ?> class="btn btn-info btn-xs view_data" />

Answer 1

Обновление: Вот что сработало в случае ОП:

$('body').on('click', '.view_data', function () {
  // your code here...
});

Оригинальный ответ:

Попробуйте это:

$('#datatable-default').on('click', '.view_data', function () {
  // your code here...
});

Объяснение:

HTML-код для второй строки генерируется DataTables после регистрации клика .Для получения подробной информации смотрите Делегирование событий jQuery .