2014-10-01 12 views
0

저는 웹 개발을 처음 접했고 여기에서 길을 잃었습니다.Javascript prettyPrint 외부 java 파일

저는 부트 스트랩을 사용하고 있으며 웹 페이지의 로컬 컴퓨터에있는 java 코드 (test.java라는 파일)를 표시하려고합니다. 파일이 표시되지만 구문 색이 표시되지 않습니다. 도와주세요!

나는 헤더에 있습니다 : jQuery를

<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> 

및 대한 : 싸게 치장에 대한

<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> 
+0

, 당신은 내가 주위를 둘러 보았다 및 파이어 폭스에서 작동 할 수 있음을 발견 웹 서버 설정 – tymeJV

+0

이 필요합니다. 그것은 파일 내용을 표시하지만, 문제는 그것이 구문 색깔이 없다는 것입니다. – aalbert3234

+0

대답은 아니지만'$ (document) .ready (function()'과'jQuery (function ($) {'거의 같은 것을 의미 함) –

답변

0

이 질문에 대한 대답을 읽은 후 문제가 무엇인지 알아 냈습니다. here.

그래서이 스크립트를 변경하여 잘 작동합니다. prettyPrint를 호출하기 전에 prettyprinted 클래스를 삭제했습니다. 로컬 파일 시스템에`$ .get` 실 거예요 작업

<script type="text/javascript"> 

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

</script>