当前位置:首页 > WordPress教程 > 正文

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

用过鸟叔主题的都知道,有个PgDn、PgUp 切换目录上下的、不过小幻觉得略坑!毕竟我就喜欢用PgDn、PgUp这两个键来翻页,一键一屏习惯了……

现在小幻隆重推出,文章内页控制文章上、下页翻页-左右方向键控制

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

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

添加成功后,随你咯!好了,再次潜水…… 不用在本页试啦,我缓存还没清理完呢,一天后再看效果吧!

标签:
上一篇: 下一篇:

18 条评论

评论加载中...
  1. 11楼
    United Kingdom Internet Explorer Windows XP
    UK Chat Rooms  

    824785 603848Spot up for this write-up, I genuinely believe this internet website requirements a terrific deal a lot more consideration. Ill likely to end up once more to read a whole lot a lot more, a lot of thanks for that data. 661737

    2018年8月15日 21:26 评论

发表评论

不理你。不要啊!吃饭。吃惊。吃西瓜。飞吻!恭喜!Hi纠结!膜拜!OK抛媚眼。泡泡糖。抛钱。忍!生闷气!调皮。偷看。委屈。献花。疑问?抓狂!

小提示:Ctrl+Enter快速提交助您一臂之力~
加载中……