Javascript prettyPrint внешний java-файл

Question

Я действительно новичок в веб-разработке, и я потерял здесь.

Я использую Bootstrap, и я пытаюсь отобразить 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> 

Answer 1

Я, наконец, выяснил, в чем проблема, прочитав ответ на этот вопрос, here.

Итак, я сменил сценарий на это, и он отлично работает. Я только что удалил класс prettyprinted перед вызовом prettyPrint.

<script type="text/javascript"> 

     jQuery(function ($) { $.get('test.java', function(data) { 
     $('#sourceCodeDestination').html(data); 
     $('#sourceCodeDestination').removeClass("prettyprinted"); 
     prettyPrint(); 
    }, "text"); 
}); 

</script>