jQuery .load() 函数不适用于 DataTables？

Question

我正在尝试将数据表与外部 html 表一起使用。下面的代码工作得很好：

<table id="myTable" class="table table-striped" >  
  <thead>  
    <tr>  
      <th>ENO</th>  
      <th>EMPName</th>  
      <th>Country</th>  
      <th>Salary</th>  
    </tr>  
  </thead>  
  <tbody>  
    <tr>  
      <td>001</td>  
      <td>Anusha</td>  
      <td>India</td>  
      <td>10000</td>  
    </tr>   
  </tbody>  
</table>  

但是，如果我这样做：

<div class="container">
  <div id="includedContent"></div>
</div>

以此为脚本：

$(function(){
  $("#includedContent").load("bigtableofdata.html");
});

系统不再工作。我似乎无法弄清楚这一点，我想知道是否需要以某种方式对其进行特殊格式化才能使其正常工作。非常感谢任何帮助。

Answer 1

你需要在load()的完整回调中初始化插件

$("#includedContent").load("bigtableofdata.html", function(){
  /// new html exists now
  $('#myTable').DataTable(/*options*/)
});

请注意，DataTables API 中还内置了 ajax 选项配置，这是一种更常见的 ajax 加载数据的方法