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

知更鸟 WordPress283.2K阅读模式

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

在新窗口打开链接有时还是很有必要,下面这个简单实例,是利用 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>

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

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
评论  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:

                                              确定