JavascriptのDataTablesが動かずにUncaught TypeError: $(...).dataTable is not a functionのエラーが出る原因


このようにjQueryの前にjquery.datatables.min.jsが読み込まれていないとエラーが出ます。

 

<script type='text/javascript' src='https://cashing-smart.com/wordpress/wp-content/plugins/tablepress/js/jquery.datatables.min.js?ver=1.9.1'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
var DataTables_language={};
DataTables_language["ja"]={"info":"_TOTAL_ 件中 _START_ から _END_ まで表示","infoEmpty":"0 件中 0 から 0 まで表示","infoFiltered":"全 _MAX_ 件より抽出）","infoPostFix":"","lengthMenu":"_MENU_ 件表示","processing":"処理中...","search":"検索:","zeroRecords":"データはありません。","paginate": {"first":"先頭","previous":"前","next":"次","last":"最終"},"decimal":"","thousands":","};
$('#tablepress-12').dataTable({"language":DataTables_language["ja"],"order":[],"orderClasses":false,"stripeClasses":["even","odd"],"pagingType":"simple"});
$('#tablepress-13').dataTable({"language":DataTables_language["ja"],"order":[],"orderClasses":false,"stripeClasses":["even","odd"],"pagingType":"simple"});
});
</script>

 

参考サイト：

DataTables が動かない時のチェック項目

category cloud