键盘左、右键切换当前文章的上、下篇文章

文章内页控制文章上、下页翻页-左右方向键控制

即按下键盘里的“左方向键”,浏览器即刻跳转到“后一篇文章”;按下“右方向键”,则跳转到”前一篇文章“!

huan-jian

该功能使用jQuery控制,首先确保你加载了jQuery库!(不过现在的主题哪有不用的?几乎可忽略)

下面还是确认阶段,看看你的主题文章页面可有加载上下篇文章!一般是如下代码

<?php if(get_previous_post()){ previous_post_link('%link');}?><?php if(get_next_post()){ next_post_link('%link');}?>

当然,一般的开发者肯定会有不一样的,上面的只做参观哦!

如果没有加上,如果有,直接进入下一步——添加jQuery代码

$(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');};};});

添加成功后

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享