Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法
其实，这是一个历史遗留问题，在最开始建站的时候就已经出现了，在知更鸟主题和Crayon Syntax Highlighter这个插件之间，我最终选择了前者。 <br />在知更鸟主题环境下启用Crayon Syntax Highlighter插件，会出现如下冲突情况： <br /><br />①、图片暗箱失效 <br />②、下载暗箱失效 <br />③、公告不能滚动 <br />刚接触建站时，张戈也是一个绝对的菜鸟，除了运维啥都不会，出现这些问题时，只能舍弃其中一个。。。 <br />随着接触建站时间的增长，已经能够编写一般的php和js脚本、会修改绝大部分网站功能了。这次给公司做百科网站时，再一次用到了Crayon Syntax Highlighter这个插件，依然如同初恋，爱不释手！ <br />秉着再次重逢，绝不放手的心态，决心要让知更鸟和Crayon Syntax Highlighter插件共存！ <br /><br /><strong>一、冲突分析</strong> <br /><br />熟练的按下F12，开始debug：<br /><br /><img alt="" src="https://img.jbzj.com/file_images/article/201510/201510182238472.png" tilte="" /><br /><br /><p>看来是JQuery的问题，要不就是重复加载JQ冲突了，要不就是没加载成功，进一步查看源代码：</p>
<p>头部已加载JQ：</p>
<p><img alt="" src="https://img.jbzj.com/file_images/article/201510/201510182238473.png" tilte="" /></p>
<p> 赫然发现底部也加载了JQ:</p>
<p><img alt="" src="https://img.jbzj.com/file_images/article/201510/201510182238474.png" tilte="" /></p>
<p>看来是插件未判断JQ环境，就强行加载导致了冲突！<br /><br /><strong>二、着手解决</strong> <br /><br />网上随便搜了一把，就找到了避免JQ重复加载的方法。将如下代码添加到主题的function.php当中即可：<br /><br /></p>
頁:
[1]