Javascript/jQuery Syntax Highlighter 플러그인에로드 스피너를 부착하는 방법

Question

Alex Gorbatchev의 SyntaxHighlighter plugin을 사용하여 XML 메시지를 아름답게 꾸미고 있습니다. 그것은 작은 메시지에 대한 매력처럼 작동하지만, 큰 것들 (~ 10k 라인)에 대한 꽤 많은 시간이 걸리고 플러그인이 끝날 때까지 페이지가 고정됩니다. 이제로드 스피너를 syntaxhighlighter에 연결하고 싶습니다. 플러그인이 작동하는 동안 "Loading .."메시지가 표시되고 플러그인이 끝나면 없어집니다. 스피너가 이미 있습니다. 지금 SyntaxHighlighter에 연결하는 방법은 없습니다. 내가 찾은로드 스피너에 대한 모든 정보는 Ajax 호출에 사용 된 것과 관련이 있습니다. 플러그인의 API를 통해 나에게 도움이되지 못했다. 완성을 알리는 일종의 이벤트를 찾고 있었지만, JS/jQuery에 익숙하지 않아 쉽게 놓칠 수 있었다.

제 궁금한 점은 어떻게 SyntaxHighlighter 플러그인으로로드 스피너를 바인딩합니까? 어떻게 든 jQuery 지연 객체를 사용하거나 수동으로 이벤트를 플러그인에 첨부해야합니까?

모든 정보를 제공해 주시면 대단히 감사하겠습니다.

Answer 1

<script type="text/javascript"> 
    SyntaxHighlighter.all(); 
    $(window).load(function() { 
     $('#spinner').hide(); // Hide after load is completed 
    }); 
</script> 

구문 하이 라이터는 .ready에서 실행되지 않지만 .load()가 완료되면 완료됩니다. jquery를 사용하여로드가 완료되면 요소 (여기서는 id = "spinner")를 숨김으로써.

이 점을 이해하기까지 잠시만 시간을 내 셨습니다.