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

  • A+
所属分类:WordPress

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

在新窗口打开链接有时还是很有必要,下面这个简单实例,是利用 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经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

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

目前评论:25   其中:访客  25   博主  0

    • avatar Win7en乐园 7

      祝鸟哥心想事成

      • avatar Win7en乐园 7

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

        • avatar Win7en乐园 7

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

          • avatar 1

            啪啪啪

            • avatar 龙笑天 4

              这个小方法不错~ :mrgreen:

              • avatar 雅兮网 4

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

                • avatar 励志语录网 5

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

                  • avatar 动感单车 7

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

                    • avatar Zay 1

                      新的一年共同努力~

                      • avatar 随之长风 0

                        路过,踩一脚!

                        • avatar 杭州牛牛工作室 4

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

                          • avatar 杭州牛牛工作室 4

                            真的可以

                            • avatar 杭州牛牛工作室 4

                              不错哦

                              • avatar 杭州SEO优化 4

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

                                • avatar wwww 0

                                  rrrwer但是当时的

                                  • avatar 明月登楼的博客 5

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

                                    • avatar BanYuner 5

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

                                      • avatar 明月登楼的博客 5

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

                                        • avatar Harries 0

                                          不错的主题

                                          • avatar 素材火 0

                                            挺简单的