• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >WordPress > Crayon Syntax Highlighter代码高亮插件与fancybox图片暗箱冲突的解决方法

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

作者:张戈 字体:[增加 减小] 来源:互联网 时间:2017-05-13

张戈 向大家介绍了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当中即可:

</div>
  1. //禁止加载默认jq库   
  2. if ( !is_admin() ) { // 后台不禁止   
  3. function my_init_method() {   
  4. wp_deregister_script( 'jquery' ); // 取消原有的 jquery 定义   
  5. }   
  6. add_action('init', 'my_init_method');   
  7. }   
  8. wp_deregister_script( 'l10n' );  
</div> </div>

保存后,立即试了下效果,发现之前的问题倒是解决了,但是Crayon Syntax Highlighter的浮动标题出了问题,不能动了。查看下源代码,发现不但之前底部加载的JQ没了,而且插件相关的JS也都没了!原来上面的代码是禁止所有由wp_footer函数输出的js啊??

三、基本解决

不过,这算是小问题了,先把上面的代码屏蔽,然后打开文章源代码,把除重复加载的JQ之外的其他代码全部拷贝一份,然后粘贴到footer.php或header.php的相应位置即可:

</div>
  1. <!-- 代码高亮 -->   
  2. <?php if ( is_single() ) { ?>   
  3. <script type='text/javascript'>   
  4. /* <![CDATA[ */  
  5. var quicktagsL10n = {"closeAllOpenTags":"\u5173\u95ed\u6240\u6709\u6253\u5f00\u7684\u6807\u7b7e","closeTags":"\u5173\u95ed\u6807\u7b7e","enterURL":"\u8f93\u5165URL","enterImageURL":"\u8f93\u5165\u56fe\u50cfURL","enterImageDescription":"\u4e3a\u56fe\u50cf\u8f93\u5165\u63cf\u8ff0","fullscreen":"\u5168\u5c4f","toggleFullscreen":"\u5207\u6362\u5168\u5c4f\u6a21\u5f0f","textdirection":"\u6587\u672c\u65b9\u5411","toggleTextdirection":"\u5207\u6362\u7f16\u8f91\u5668\u6587\u672c\u4e66\u5199\u65b9\u5411"};   
  6. /* ]]> */  
  7. </script>   
  8. <script type='text/javascript' src='http://res.zhangge.net/wp-includes/js/quicktags.min.js?ver=4.0'></script>   
  9. <script type='text/javascript'>   
  10. /* <![CDATA[ */  
  11. var CrayonSyntaxSettings = {"version":"2.6.6","is_admin":"0","ajaxurl":"http:\/\/zhangge.net\/wp-admin\/admin-ajax.php","prefix":"crayon-","setting":"crayon-setting","selected":"crayon-setting-selected","changed":"crayon-setting-changed","special":"crayon-setting-special","orig_value":"data-orig-value","debug":""};   
  12. var CrayonSyntaxStrings = {"copy":"\u4f7f\u7528 %s \u590d\u5236\uff0c\u4f7f\u7528 %s \u7c98\u8d34\u3002","minimize":"\u70b9\u51fb\u5c55\u5f00\u4ee3\u7801"};   
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2018-11-02wordpress怎么实现不同分类目录页面显示文章数量不同。
  • 2018-11-02全方位统计wordpress网站:WP Statistics插件
  • 2018-11-02我为什么使用wordpress来建设网站?
  • 2018-11-02WordPress分类链接去掉category方法
  • 2018-11-02wordpress编辑器自动填充默认的内容
  • 2018-11-02wordpress修改自定义文章类型文章URL结构的方法
  • 2017-05-13WordPress用户自动登录的实现方法
  • 2018-11-02WordPress虾米网易音乐Hermit插件
  • 2017-05-13wordpress主题评论中添加回复的方法
  • 2017-05-13WordPress实现的首页幻灯片展示功能示例【附demo源码】

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • WordPress标准型企业主题:XScom企业主题
    • wordpress网站被挂马以及防御方法
    • WordPress实现前台/后台文章列表按更新时间排序
    • wordpress更改用户列表排序(按注册时间排序)教程
    • Wordpress固定链接伪静态的设置方法
    • wordpress手动更新详细步骤
    • 保证WordPress安全的实现方法
    • 为WordPress添加文章字数统计的方法
    • 完美解决wordpress sae版改域名后不能进入后台的问题
    • WordPress实现自动拒绝垃圾评论的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有