调用函数来突出显示代码

Question

请参阅以下http://valogiannis.com/recent/。我有一个网页，当用户点击XHTML代码时，带有id结果的div会加载网页的内容（在本例中为codes / advocasys.html）。实际上我想要做的是突出显示html代码。我已经链接了必要的css / js。我使用SyntaxHighlighter 3.0.83。此突出显示器需要在SyntaxHighlighter.all()标记之后调用<pre>（更多信息here）。如果我在同一页面中有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;

     

}）;