2017-01-31 7 views
-2

私はテーブルを使って作業していますが、テーブルを使用すると多くの問題があります。私はjqueryのデータテーブルを見つけましたが、なぜそれが動作していないのか分かりません。データテーブルのWebサイトからすべてのリンクを追加しました。jqueryデータテーブルが機能していませんか?

マイHTML:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<title>data table</title> 
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css"> 
<script type='text/javascript' src='http://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js'></script> 
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script> 
    </head> 
<body> 
<table id="myTable"> 
<tr> 
<th>Company</th> 
<th>Contact</th> 
<th>Country</th> 
</tr> 
<tr> 
<td>Alfreds Futterkiste</td> 
<td>Maria Anders</td> 
<td>Germany</td> 
</tr> 
<tr> 
<td>Centro comercial Moctezuma</td> 
<td>Francisco Chang</td> 
<td>Mexico</td> 
</tr> 
<tr> 
<td>Ernst Handel</td> 
<td>Roland Mendel</td> 
<td>Austria</td> 
</tr> 
<tr> 
<td>Island Trading</td> 
<td>Helen Bennett</td> 
<td>UK</td> 
</tr> 
<tr> 
<td>Laughing Bacchus Winecellars</td> 
<td>Yoshi Tannamuri</td> 
<td>Canada</td> 
</tr> 
<tr> 
<td>Magazzini Alimentari Riuniti</td> 
<td>Giovanni Rovelli</td> 
<td>Italy</td> 
</tr> 
</table> 

</body> 
</html> 

私のjavascript:

<script type="text/javascript"> 
    $(document).ready(function(){ 
      $('#myTable').DataTable(); 
    }); 
</script> 

それが動作していないので、私は、zipファイルなどのデータテーブルをダウンロードしました。

追加:

<link rel="stylesheet" href="css/jquery.dataTables.min.css"> 
<link rel="stylesheet" href="css/jquery.dataTables.css"> 
<script type='text/javascript' src='js/jquery.dataTables.min.js'></script> 
<script type='text/javascript' src='js/jquery.dataTables.js'></script> 
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script> 

しかし、それはまだ動作していません。あなたはのDataTablejQueryのを呼び出す必要があり

+5

は先に他の

関連する問題