码迷,mamicode.com
首页 > 其他好文 > 详细

WordPress用键盘左右方向键来查看上一篇和下一篇文章

时间:2015-12-20 19:04:27      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

通过键盘来查看上下篇文章是不是很方便,这个其实就是条用键盘所对应的ASCII码来实现的,比如左右方向键所对应的ASCII码就是37和39,下面来看看实现怎么实现这个功能:
1.加载jQury库,当然很多主题自己就已经加载过了,如果没有的话自己添加一个就可以了,网上很多方法,这里我就不再说了。
2.将下面的代码加入到footer.php中的之前即可

1
<script>$(document).keydown(function(e){ if(e.keyCode==37){ var rnt = $(‘a[rel="next"]‘); if (rnt.length > 0){ location.href = rnt.attr(‘href‘); }; }; if(e.keyCode==39){ var rpv = $(‘a[rel="prev"]‘); if (rpv.length > 0){ location.href = rpv.attr(‘href‘); }; };});</script>

下面就可以使用键盘上的左右键来实现文章的上下篇查看了,很方便吧。 技术分享
PS:注意有的网站如果使用了一些缓存插件的话可能会对这个功能有影响。

WordPress用键盘左右方向键来查看上一篇和下一篇文章

标签:

原文地址:http://www.cnblogs.com/shenjieblog/p/5061381.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!