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

知更鸟 2017年1月4日12:35:46WordPress283.2K阅读模式

有选择性的在新窗口打开链接文章源自知更鸟-https://zmingcx.com/choose-new-window-to-open-the-link.html

在新窗口打开链接有时还是很有必要,下面这个简单实例,是利用 JQuery实现有选择性的在新窗口打开链接的方法。文章源自知更鸟-https://zmingcx.com/choose-new-window-to-open-the-link.html

将代码添加到主题header.php模板中,前提是你的主题模板已预先加载了JQuery。文章源自知更鸟-https://zmingcx.com/choose-new-window-to-open-the-link.html

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

上面的代码是只让侧边栏中的链接在新窗口打开,其中#sidebar是你的主题侧边栏选择器名称。文章源自知更鸟-https://zmingcx.com/choose-new-window-to-open-the-link.html

还可以像这样,针对多个不同选择器中的链接:文章源自知更鸟-https://zmingcx.com/choose-new-window-to-open-the-link.html

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

关键是要查看原代码找到对应选择器名称。文章源自知更鸟-https://zmingcx.com/choose-new-window-to-open-the-link.html

新年第一篇日志

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

 文章源自知更鸟-https://zmingcx.com/choose-new-window-to-open-the-link.html

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
用小工具创建 WordPress 超级菜单 WordPress

用小工具创建 WordPress 超级菜单

所谓的超级菜单,就是有别于正常样式简单的 WordPress 菜单,添加更加丰富的自定义内容,在WordPress后台安装插件页面搜索”mega menu“,会找到一堆相关的插件。 为了让菜单样式有变...
在 WordPress 后台直接复制文章 WordPress

在 WordPress 后台直接复制文章

在 WordPress 后台文章列表中,如果能直接复制一篇文章或页面,然后重新编辑后发表,是不是很方便。那为什么不全选复制文章内容,然后粘贴到新建文章中呢?这是因为这样做仅复制了文章内容,并未同时把原...
评论  28  访客  28
    • Win7en乐园
      Win7en乐园 7

      祝鸟哥心想事成

      • Win7en乐园
        Win7en乐园 7

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

        • Win7en乐园
          Win7en乐园 7

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

          • 润
            1

            啪啪啪

            • 龙笑天
              龙笑天 5

              这个小方法不错~ :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

                                              匿名

                                              发表评论

                                              匿名网友 填写信息

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

                                              确定