彩虹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

首先，彩虹初始化本身，所以你应该能够消除这种没有任何问题：

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

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

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