複製粘貼在線JavaScript文件到自己的JavaScript文件，但代碼無法正常工作。爲什麼？

Question

我在我的asp.net web api項目中使用Bootstrap數據表。所以我必須通過給定的鏈接從互聯網上引用幾個JavaScript文件。其中之一是：

https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js

我想代碼轉移到我自己的JS文件，這樣我就可以，即使沒有互聯網連接訪問代碼。因爲當沒有互聯網連接，我嘗試運行我的項目時，表格顯示不好。

但問題是，當我創建一個JS文件並從互聯網上覆制代碼並運行我的項目時，它無法工作。表格顯示不好。爲什麼是這樣？

Answer 1

簡單地複製粘貼javascript將不會完成這項工作。請確保你已經創建了一個HTML表格類似如下：

<table id = "example" class="table table-striped table-bordered" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </tfoot> 
    <tbody> 
     <tr> 
      <td>Tiger Nixon</td> 
      <td>System Architect</td> 
      <td>Edinburgh</td> 
      <td>61</td> 
      <td>2011/04/25</td> 
      <td>$320,800</td> 
     </tr> 
     <tr> 
      <td>Garrett Winters</td> 
      <td>Accountant</td> 
      <td>Tokyo</td> 
      <td>63</td> 
      <td>2011/07/25</td> 
      <td>$170,750</td> 
     </tr> 
    </tbody> 
</table> 

然後要求插件（JavaScript的你已經下載）做它的魔力像這樣（我給它的ID作爲jQuery選擇）：

$(document).ready(function() { 
    $('#example').DataTable(); 
}); 

除了上述內容，我不確定您在哪裏看到了您期望的表格，但上面的代碼不會呈現與您期望的表格完全相同的表格。爲此，您還需要提供CSS。 CSS也可能是您從中獲得JavaScript代碼的地方。