調用函數以突出顯示代碼

Question

請參閱以下http://valogiannis.com/recent/。我有一個網頁，當用戶單擊XHTML代碼時，帶有id結果的div加載網頁的內容（在本例中爲codes/advocasys.html）。實際上我想要做的是突出顯示html代碼。我已經鏈接了必要的css/js。我使用SyntaxHighlighter 3.0.83。此熒光筆需要在<pre>標籤之後撥打SyntaxHighlighter.all()（更多信息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; 

}）;