私はtable_java.jsというjsファイルを持っています。私はそれをHTMLファイルtest.htmlで動かそうとしています。 私はエラーが発生し続けるUncaught SyntaxError: Unexpected token <
私は問題がjsファイルがテキストファイルとして読み込まれていると信じています。しかし、私はそれが問題かどうかわからない/それを修正する方法がわからない。どんな助け/助言も高く評価されます。ここでJavascript:Uncaught SyntaxError:予期しないトークン<
はここtable_java.js
<script type ="text/javascript">
<!--
$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#POGs_table tfoot th').each(function() {
var title = $(this).text();
$(this).html('<input type="text" placeholder="Search '+title+'" />');
});
var table = $('#POGs_table').DataTable({
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
"order": [[0,"asc"]],
"aoColumnDefs": [ { "sSortDataType": "numeric", "aTargets": [3,4,5] } ]
});
// Apply the search
table.columns().every(function() {
var that = this;
$('input', this.footer()).on('keyup change', function() {
if (that.search() !== this.value) {
that
.search(this.value)
.draw();
}
});
});
//Hide/Show function
$('a.showHideColumn').on('click', function() {
var tableColumn = table.column($(this).attr('data-columnindex'));
tableColumn.visible(!tableColumn.visible());
});
});
-->
</script>
あるtest.htmlという
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Phage Orthologous Groups</title>
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="krist_datatables.css">
<link rel="stylesheet" type="text/css" href="table_try.css">
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="table_java.js"></script>
</head>
スクリプトには、<! - 'および' - > 'と' script'タグは必要ありません。 – Andrey