0
データベース管理サイト
<script type="text/javascript" src="jQuery/jquery.min.js"> </script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"> </script>
<script src="dialog-polyfill.js"></script>
<link rel="stylesheet" type="text/css" href="dialog-polyfill.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.green-cyan.min.css" />
<script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.6.1/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/live/3.1/firebase.js"></script>
<link rel = "stylesheet" href = "style.css" />
<script type = "text/javascript">
$(document).ready(function() {
$('#dbTable').dataTables();
});
</script>
</head>
<body>
<table id = "dbTable"class="display mdl-data-table mdl-js-data-table mdl-shadow--2dp" cellspacing = "0" width = "100">
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric">Email</th>
<th>First Name </th>
<th>Last Name </th>
<th>Number </th>
</tr>
</thead>
<tbody id = "tableBodyObject" class="tableBodyClass">
<!-- Table DATA //-->
</tbody>
</table>
<script type="text/javascript" src = "index1.js"></script>
</body>
私はコード を実行するときには、コンソール
で示しています。Uncaught TypeError: $(...).dataTables is not a function(…)
Firebaseを使用してFirebaseデータベースでテーブルを作成していますが、データテーブルを使用しようとしましたが、動作していません。
だから私はこの <リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" のhref = "HTTPをやってみました： //ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css "> コードを入力した後 スクリプトタイプ=" text/javascript "charset =" utf8 "src =" http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js ">