вызвать функцию для выделения кода

Question

Пожалуйста, посмотрите следующее http://valogiannis.com/recent/. У меня есть веб-страница, и когда пользователь нажимает XHTML-код, div с id-результатом загружает содержимое веб-страницы (в данном случае codes / advocasys.html).На самом деле я хочу выделить HTML-код.У меня есть ссылка на необходимые CSS / JS.Я использую SyntaxHighlighter 3.0.83 .Этот маркер должен вызывать SyntaxHighlighter.all() после тега <pre> (подробнее здесь ).Если у меня есть HTML-код на той же странице, который я хочу выделить, работает хорошо, но я не могу заставить его работать, когда скрипт загружает внешнюю страницу advocasys.html.Я пытался поместить

 <script type="text/javascript">
     SyntaxHighlighter.all()
</script>

внизу файла advocasys.html, но это не сработало.Как я могу заставить его работать?

Заранее спасибо.

Answer 1

Вызов .all() присоединяет обработчик событий к window.load, который уже произошел, вместо этого используйте .highlight(), например:

SyntaxHighlighter.highlight();

Answer 2

Вам нужно вызвать SyntaxHiglighter в функции обратного вызова после того, как данные возвращены:

$('#myLink').click(function(){
   $('#result').load('codes/advocasys.html', function() {
       $('#result').show();
       $('.scroll-pane').jScrollPane(); 
       SyntaxHighlighter.highlight();
   });

   return false;

});