javascript - Javascript prettyPrint 外部 Java ファイル

Question

私はWeb開発に本当に慣れていないので、ここでちょっと迷っています。

Bootstrap を使用しており、Web ページのローカル マシンにある Java コード (test.java というファイル内) を表示しようとしています。ファイルは表示されますが、構文が色分けされません。助けてください！

私はヘッダーに持っています：

きれいにするために：

<link rel="stylesheet" type="text/css" href="../localfile/prettify.css"/>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="../localfile/prettify.js"></script>

そしてjQueryの場合：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

そして、これがスクリプトです

<script type="text/javascript">
 $(document).ready(function() {
     jQuery(function($) {
         $.get('test.java', function(data) {
             $('#sourceCodeDestination').html(data);
             prettyPrint();
         }, "text");
     });
 });
</script>

これはdivの場合：

<div class="panel-body" >
       <pre id="sourceCodeDestination" class="prettyprint linenums lang-java">
        </pre>
</div>