如何在包含pre標籤的頁面上加載Syntax Highlighter？

Question

我是Blogger，有時需要在我的博客上演示代碼，所以我使用了Alex Gorbatchev的Syntax熒光筆。但問題是這些文件會加載到我的博客的每個頁面中，這會使博客加載速度變慢。

我在一些頁面上只有代碼，所以我想要一種方法來加載SyntaxHighlighter文件只在具有標籤的頁面上。如果有什麼辦法可以幫助我。

我搜索了StackOverflow這個問題，但沒有找到任何線程可以回答我。

Answer 1

如果你使用jQuery和requirejs已經，你可以這樣做：

var preElements = $('.pre'); 
if (preElements.length > 0) 
{ 
    //load the JS 
    require(['shCore.js', 'shBrushJScript.js'], function(){ 
     //now apply it 
     SyntaxHighlighter.all() 
    }); 
} 

要小心，你的邏輯並不莫名其妙雙重適用於同一秒。