有选择性的在新窗口打开链接

知更鸟
知更鸟
知更鸟
1499
文章
6903
评论
2017年1月4日12:35:46 28 3.1K

有选择性的在新窗口打开链接

在新窗口打开链接有时还是很有必要,下面这个简单实例,是利用 JQuery实现有选择性的在新窗口打开链接的方法。

代码添加到主题header.php模板中,前提是你的主题模板已预先加载了JQuery。

  1. <script type="text/javascript">
  2.     jQuery(document).ready(function($) {
  3.         $('#sidebar a').attr({target: "_blank"});
  4.     });
  5. </script>

上面的代码是只让侧边栏中的链接在新窗口打开,其中#sidebar是你的主题侧边栏选择器名称。

还可以像这样,针对多个不同选择器中的链接:

  1. <script type="text/javascript">
  2.     jQuery(document).ready(function($) {
  3.         $('#aaa a, #bbb a, #ccc a').attr({target: "_blank"});
  4.     });
  5. </script>

关键是要查看原代码找到对应选择器名称。

新年第一篇日志

祝大家万事如意,天天有个好心情!

 

weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
用字母替代图片脚本:LetterAvatar Plugins

用字母替代图片脚本:LetterAvatar

基于canvas,通过toDataURL动态生成base64图片。目前我主题的Gravatar头像,就是利用这个LetterAvatar脚本实现未设置Gravatar头像则读取ALT标签,自动生成首字...
批量替换WordPress自定义栏目值 WordPress

批量替换WordPress自定义栏目值

如果之前添加的自定义栏目值,比如附件或者图片链接地址变了,可以通过以下方法批量修改一下。 将下面代码添加到当前主题函数模板 functions.php 最后: global $wpdb; $wpdb-...
WordPress 主题添加花瓣飘落特效 WordPress

WordPress 主题添加花瓣飘落特效

上篇文章过年啦,挂灯笼!教大家在博客上挂个动画灯笼,可能大家认为很好玩,那就再分享一个花瓣飘落的特效,可以加到自己博客上再装点一下节日氛围。 点击下图查看动画效果 先贴一下代码,下面有打包的文件下载。...
过年啦,挂灯笼! WordPress

过年啦,挂灯笼!

过年挂灯笼是中国的一个习俗,家里挂灯笼,博客也是自己的家,当然也要挂一个了。很多年前Flash流行时,网上可以随便找一个Flash动画的灯笼,很方便就可以加到网站主题模板上,如今Flash已成过眼云烟...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:28   其中:访客  28   博主  0
    • Win7en乐园 Win7en乐园 7

      祝鸟哥心想事成

      • Win7en乐园 Win7en乐园 7

        其他我也没有什么好说的,只希望鸟哥能够豁达,和善,有知识,有态度,让大家能够跟着你学习更多。没有什么好解释的,还是那句话,鸟哥,你最牛逼,大家相信你,新的一年你的主题会更棒。

        • Win7en乐园 Win7en乐园 7

          新的一天,让世界充满爱吧!加油!

          • 润 1

            啪啪啪

            • 龙笑天 龙笑天 4

              这个小方法不错~ :mrgreen:

              • 雅兮网 雅兮网 4

                这个是个不错的前端技巧,简单实用

                • 励志语录网 励志语录网 6

                  赞一个。 :mrgreen: :mrgreen: :mrgreen:

                  • 动感单车 动感单车 7

                    祈愿我的动感单车网博客,在2017年里能够福运连年,么么哒!

                    • Zay Zay 1

                      新的一年共同努力~

                      • 随之长风 随之长风 0

                        路过,踩一脚!

                        • 杭州牛牛工作室 杭州牛牛工作室 4

                          关键是要查看原代码找到对应选择器名称。

                          • 杭州牛牛工作室 杭州牛牛工作室 4

                            真的可以

                            • 杭州牛牛工作室 杭州牛牛工作室 4

                              不错哦

                              • 杭州SEO优化 杭州SEO优化 4

                                祝大家万事如意,天天有个好心情!

                                • wwww wwww 0

                                  rrrwer但是当时的

                                  • 明月登楼的博客 明月登楼的博客 5

                                    正文底部小工具栏真心好赞呀!

                                    • BanYuner BanYuner 5

                                      有选择性的是最好的 但是一旦选择多了就不存在选择性了

                                      • 明月登楼的博客 明月登楼的博客 5

                                        晕,才发现这个好东西!厉害呀!收了先!
                                        ʚ♡⃛ɞLᵒᵛᵉᵧₒᵤʚ♡⃛ɞ

                                        • Harries Harries 0

                                          不错的主题

                                          • 素材火 素材火 0

                                            挺简单的

                                            • 24 24 0

                                              greg你好啊傻逼

                                              • &777777 &777777 3