Rainbow Jquery插件不起作用

Question

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

彩虹插件在这里： 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