Я пытаюсь реализовать плагин 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