2016-06-21 20 views
-4

私は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> 
+3

スクリプトには、<! - 'および' - > 'と' script'タグは必要ありません。 – Andrey

答えて

0

のヘッド部がtable_java.jsからタグを削除している、それはすでにスクリプト

+0

また、開始時には<! - を、最後には - >を削除します。これらはHTMLコメントに使用されます。 – Ian

0

-->ではありませんJSです有効なjavascript。それはエスケープする必要があります://-->

最近、スクリプトブロック内にhtmlコメントは必要ありません。 <script>をサポートしていない古代のブラウザを使用している人は、あなたがサポートすることを心配する必要のない恐竜です。

関連する問題