javascript - 如何在包含 pre 标签的页面上加载 Syntax Highlighter？

Question

我是一名 Blogger，有时我需要在我的博客上演示代码，所以我使用了 Alex Gorbatchev 的 Syntax Highlighter。但问题是文件加载到我博客的每一页，这使得博客加载缓慢。

我只有一些页面上有代码，所以我想要一种方法来只在有标签的页面上加载 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()
    });
}

请注意，您的逻辑不会以某种方式重复应用于同一个 s。