javascript - Rainbow Jquery插件不起作用

我正在尝试在我的博客上实现Rainbow 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被击中。
所以我无能为力

最佳答案

首先，Rainbow会初始化自身，因此您应该可以毫无问题地删除它：

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

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

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

关于javascript - Rainbow Jquery插件不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21975627/