使用其他AJAX时Datatable不起作用

Question

要么是select.mop的Ajax在工作，要么是数据表在工作。我希望两者都能起作用。

  <script type="text/javascript">
  $(document).ready(function(){
$("select.mop").change(function(){
    var selectedMop = $(".mop option:selected").val();
    $.ajax({
        type: "POST",
        url: "client_v_load.php",
        data: { country : selectedMop } 
    }).done(function(data){
        $("#response").html(data);
    });
  });
 });
   </script>
<script type="text/javascript" language="javascript" class="init">      
 jQuery(function($) {
 $('#load_payment').DataTable();

 })(jQuery);
 //$(document).ready(function() {
 //$("select.mop").destroy();
 //$('#load_payment').DataTable();
 // } );
</script>

只有select.mop可以处理dis代码，但datatable不能工作。如果我在select.mop之前加载数据表，那么select.mop就不能工作

Answer 1

尝试以下操作:在ajax调用的成功函数中添加datatable初始化

<script type="text/javascript">
  $(document).ready(function(){
$("select.mop").change(function(){
    var selectedMop = $(".mop option:selected").val();
    $.ajax({
        type: "POST",
        url: "client_v_load.php",
        data: { country : selectedMop } 
    }).done(function(data){
        $("#response").html(data);
        $("#response").find('#load_payment').DataTable();
    });
  });
 });
   </script>