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