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

avatar
avatar
80后男人
140
文章
11
评论
2018年3月23日12:12:16来源:知更鸟 评论 1,041

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

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

avatar
  • 版权声明 本文源自 知更鸟 整理 发表于 2018年3月23日12:12:16
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
更新到WordPress 4.9.8 wordpress

更新到WordPress 4.9.8

WordPress 4.9.8如期发布,常规的修正各种BUG和安全漏洞,建议立即升级。 升级成功后,在仪表盘页面会显示一个“A new, modern publishing experience is...
wordpress更新至4.97 wordpress

wordpress更新至4.97

最近WordPress安全漏洞:从任意文件删除到任意代码执行这个安全问题闹得沸沸扬扬的,WordPress官方终于坐不住了,提前发布了 4.9.7 来修复这个问题,本站已更新至最新版本,也希望大家尽快...
匿名

发表评论

匿名网友 填写信息

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