今天BTV导航网的小编为你讲一下Crayon Syntax Highlighter代码高亮插件与fancybox图片暗相关的内容。
其实,这是一个历史遗留问题,在最开始建站的时候就已经出现了,在知更鸟主题和Crayon Syntax Highlighter这个插件之间,我最终选择了前者。 在知更鸟主题环境下启用Crayon Syntax Highlighter插件,会出现如下冲突情况:
①、图片暗箱失效
②、下载暗箱失效
③、公告不能滚动
刚接触建站时,张戈也是一个绝对的菜鸟,除了运维啥都不会,出现这些问题时,只能舍弃其中一个。。。
随着接触建站时间的增长,已经能够编写一般的php和js脚本、会修改绝大部分网站功能了。这次给公司做百科网站时,再一次用到了Crayon Syntax Highlighter这个插件,依然如同初恋,爱不释手!
秉着再次重逢,绝不放手的心态,决心要让知更鸟和Crayon Syntax Highlighter插件共存!
一、冲突分析
熟练的按下F12,开始debug:
看来是JQuery的问题,要不就是重复加载JQ冲突了,要不就是没加载成功,进一步查看源代码:
头部已加载JQ:
赫然发现底部也加载了JQ:
看来是插件未判断JQ环境,就强行加载导致了冲突!
二、着手解决
网上随便搜了一把,就找到了避免JQ重复加载的方法。将如下代码添加到主题的function.php当中即可:
PHP Code复制内容到剪贴板
- //禁止加载默认jq库
- if ( !is_admin() ) { // 后台不禁止
- function my_init_method() {
- wp_deregister_script( 'jquery' ); // 取消原有的 jquery 定义
- }
- add_action('init', 'my_init_method');
- }
- wp_deregister_script( 'l10n' );
通过对Crayon Syntax Highlighter代码高亮插件与fancybox图片暗的详细介绍,希望对你有所帮助,我们提供了更多和Crayon Syntax Highlighter代码高亮插件与fancybox图片暗类似的相关内容推荐,可以你更全面的帮助你解决问题。我们BTV85网址导航还提供网址收录服务,你可以注册提交你的网站信息,帮你引导搜索引擎蜘蛛,同时还有网站SEO优化交流微信群,里面很多SEO高手和大咖,加友链,可以免费进群。