javascript - 如何在包含 pre 标签的页面上加载语法荧光笔？

Question

我是一个 Blogger，有时我需要在我的博客上演示代码，所以我使用了 Alex Gorbatchev 的语法荧光笔。但问题是文件加载在我博客的每一页中，这使得博客加载缓慢。

我只在某些页面上有代码，所以我想要一种仅在具有标签的页面上加载 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。