wordpress   发布时间:2022-05-06  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

其实,这是一个历史遗留问题,在最开始建站的时候就已经出现了,在知更鸟主题Crayon Syntax Highlighter这个插件之间,我最终选择了前者。 在知更鸟主题环境下启用Crayon Syntax Highlighter插件会出现如下冲突情况: ①、图片暗箱失效 ②、下载暗箱失效 ③、公告不能滚动 刚接触建站时,张戈也是一个绝对的菜鸟,除了运维啥都不会,出现这些问题时,只能舍弃其中一个。。。 随着接触建站间的增长,已经能够编写一般的PHP和js脚本、会修改绝大部分网站功能了。这次给公司做百科网站时,再一次用到了Crayon Syntax Highlighter这个插件,依然如同初恋,爱不释手! 秉着再次重逢,绝不放手的心态,决心要让知更鸟和Crayon Syntax Highlighter插件共存!

一、冲突分析

熟练的按下F12,开始debug:

Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法

看来是JQuery的问题,要不就是重复加载JQ冲突了,要不就是没加载成功,进一步查看源代码

头部已加载JQ:

Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法

赫然发现底部也加载了JQ:

Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法

看来是插件未判断JQ环境,就强行加载导致了冲突!

二、着手解决

网上随便搜了一把,就找到了避免JQ重复加载的方法。将如下代码添加主题的function.PHP当中即可:

PHP Code内容到剪贴板

大佬总结

以上是大佬教程为你收集整理的Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法全部内容,希望文章能够帮你解决Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。