使用数据表中的分页后引导模式未触发

Question

我正在使用 Bootstrap 和 Datatable。当我单击详细信息按钮时，会打开模式。在第一页分页中，当我单击详细信息按钮时，模式窗口正在正确打开，但是当我在第二页时，模式窗口没有触发。有人可以帮助我吗？ 这是我的代码

我的数据表 javascript 是

 $(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

更新：这在 OP 的案例中起作用：

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

原答案：

试试这个：

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

说明：

第二行的 HTML 由DataTables在点击注册后生成。详情请看jQuery Event Delegation。