javascript - Rainbow Jquery 插件不工作

Question

我正在尝试在我的博客上实现 rainbow jquery 插件:https://levalencia-public.sharepoint.com/blog

Rainbow 插件在这里: http://craig.is/making/rainbows

我在头部添加了以下内容

 <link rel="stylesheet" href="css/rainbow/kimbie-dark.css" />

我在正文结束标记之前包含了以下内容

 <!-- you can create a custom build with specific languages this should go before the closing </body> -->
        <script src="js/rainbow.min.js"></script>
        <script src="js/languages/generic.js"></script>
        <script src="js/languages/csharp.js"></script>
        <script src="js/languages/css.js"></script>
        <script src="js/languages/html.js"></script>
        <script src="js/languages/javascript.js"></script>
        <script src="js/languages/shell.js"></script>

         <script> //<![CDATA[
              $(document).ready(function() {
                Rainbow.color();
              });
              //]]>
        </script>  

然后我包含了一篇文章来用代码测试它:

<pre><code data-language="javascript">var testing = true;</code></pre>

当我检查我的博客的源代码时，看起来 html 正在被更改，因为我看到了这个:

如果我调试 rainbow.color 被击中。所以我一无所知

Answer 1

首先，Rainbow 会自行初始化，因此您应该能够毫无问题地删除它:

<script> //<![CDATA[
    $(document).ready(function() {
        Rainbow.color();
    });
    //]]>
</script>  

您看到的主要问题是您的主题文件没有被正确包含。如果您查看包含的主题，它不是有效的 css 文件。它正在返回某种 html。

见 https://levalencia-public.sharepoint.com/_catalogs/masterpage/css/rainbow/kimbie-dark.css