2017-08-31 7 views
-1

私は以下のhtmlコードを持っており、そこにはほとんどjsファイルが含まれていません。 jqueryファイルのみが読み込まれ、他の2つのファイルは読み込まれません。誰かが間違っているところを指摘できますか?ネットワークタブでinspect要素をチェックインすると、他のjsファイルのリクエストが全くヒットしていないことがわかります。 enter image description hereなぜいくつかのjsファイルがhtmlで読み込まれないのですか?

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> 
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.dataTables.min.css"> 

<style> 
div.container { max-width: 1200px } 
</style> 

</head> 
<body> 

<table id="example" class="display compact nowrap" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>First name</th> 
       <th>Last name</th> 
       <th>Position</th> 
       <th>Office</th> 
       <th>Age</th> 
       <th>Start date</th> 
       <th>Salary</th> 
       <th>Extn.</th> 
       <th>E-mail</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Tiger</td> 
       <td>Nixon</td> 
       <td>System Architect</td> 
       <td>Edinburgh</td> 
       <td>61</td> 
       <td>2011/04/25</td> 
       <td>$320,800</td> 
       <td>5421</td> 
       <td>[email protected]</td> 
      </tr> 

      <tr> 
       <td>Rhona</td> 
       <td>Davidson</td> 
       <td>Integration Specialist</td> 
       <td>Tokyo</td> 
       <td>55</td> 
       <td>2010/10/14</td> 
       <td>$327,900</td> 
       <td>6200</td> 
       <td>[email protected]</td> 
      </tr> 
      <tr> 
       <td>Colleen</td> 
       <td>Hurst</td> 
       <td>Javascript Developer</td> 
       <td>San Francisco</td> 
       <td>39</td> 
       <td>2009/09/15</td> 
       <td>$205,500</td> 
       <td>2360</td> 
       <td>[email protected]</td> 
      </tr> 
     </tbody> 
    </table> 


</body> 
<script src="https://code.jquery.com/jquery-1.12.4.js"/> 
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"/> 
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"/> 
<script> 
$(document).ready(function() { 
    var table = $('#example').DataTable({ 
     responsive: true 
    }); 
}); 
</script> 
</html> 

答えて

4

<script>は自己終了タグではありません。次のように試してみてください:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> 
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script> 
+2

現代のブラウザで問題なく処理できるからといって、悪い振る舞いでコードする必要はありません。それは結局あなたに忍び寄るでしょう。 –

3

<script>タグが自動閉鎖形でいくつかの問題を有することができます。これを試してください:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> 
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script> 
関連する問題