Javascript 数据表在同一页上未初始化两次?

Javascript 数据表在同一页上未初始化两次?,javascript,jquery,twitter-bootstrap,datatables,Javascript,Jquery,Twitter Bootstrap,Datatables,我尝试在两个不同的模态上使用DataTables两次,问题是打开DataTable的第二个模态没有初始化 过程的代码打开- 它应该如何工作- 第一个模式打开第一个数据表初始化 在第一个模式上按管理,第二个模式打开。但是DataTables没有初始化 初始化两个表的函数 function getValidTags(type){ var ruleID = $('.ruleID').val(); switch(type){ case "validTags":

我尝试在两个不同的模态上使用DataTables两次,问题是打开DataTable的第二个模态没有初始化

过程的代码打开-

它应该如何工作-

  • 第一个模式打开第一个数据表初始化
  • 在第一个模式上按管理,第二个模式打开。但是DataTables没有初始化
  • 初始化两个表的函数

    function getValidTags(type){
        var ruleID = $('.ruleID').val();
    
        switch(type){
            case "validTags":
              var table = $('.valid-tags').DataTable({
                  "ajax": {
                      "url": "/ajax/getValidTags.php",
                      "type": "POST",
                      "data": {
                        ruleID: ruleID,
                        type: type
                      },
                  },
                  "columnDefs": [{
                     "targets": 2,
                     "render": function(data, type, full, meta){
                                return '<button class="btn btn-default btn-sm manageAutofixes" type="button">Manage</button> <button class="btn btn-danger btn-sm deleteValid">Delete</button>';          
                     }
                  }],
                  destroy: true     
              });
            break;
    
            case "autofixes":
            alert('hi');
              var table2 = $('.autofixes-table').DataTable({
                  "ajax": {
                      "url": "/ajax/getValidTags.php",
                      "type": "POST",
                      "data": {
                        ruleID: ruleID,
                        type: type
                      },
                  },
                  "columnDefs": [{
                     "targets": 2,
                     "render": function(data, type, full, meta){
                                return '<button class="btn btn-default btn-sm manageAutofixes" type="button">Manage</button>';          
                     }
                  }],
                  destroy: true     
              });
            break;
        }
    }
    
    操作第二个数据表的函数

    $('input[class="val_list"]').click(function() {
        $('.ruleID').val($('#mongoid').val());          
        $('.validation-list-modal').modal('show');      
        $('.validTagsTable').empty();
        if ($('.val_list').is(':checked')) {
          $(".tags, .tm-input, .new-tag, .allow_null_div, #null-label, .auto-fix").show();
        }
        getValidTags('validTags');
    });
    
    $('.valid-tags').on('click', '.manageAutofixes', function(){
        $('.autofixes-modal').modal('show');   
        getValidTags('autofixes');           
    })
    

    检查是否有任何表同时具有
    有效标记
    自动修复表
    类。还需要销毁:true--是否需要?@sid两个表都有唯一的类,还需要销毁,因为表将不断打开和关闭:)是否已解决此问题?我也有同样的问题