当前位置:首页 > 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');
        };
    };
});

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

标签:
上一篇: 下一篇:

16 条评论

评论加载中...
  1. 9楼
    来自天朝的朋友 谷歌浏览器 Windows XP
    BOKE123  

    这个功能在小说站可能比较好,在博客上很少有人会看完一篇接着一篇

    2015年5月29日 12:52 评论
  2. 8楼
    来自天朝的朋友 谷歌浏览器 Windows 7
    陌小雨  

    陌小雨表示在评论框打错了汉字,用左右键切换光标准备修改时时,就跑到上一页了,我晕 :bobo_buyaoa:

    2015年5月3日 15:20 评论
    • 幻殺あ殤璃  

      好像是真的(⊙o⊙)………

      2015年5月3日 15:21 评论
  3. 7楼
    来自天朝的朋友 未知浏览器 Unknow Os
    极国  

    多说css可不可以发一份呢

    2015年4月18日 01:08 评论
    • 小幻  

      备案成功后咯

      2015年4月22日 19:08 评论
  4. 还在用鼠标操作的会不会被鄙视到死呢

    2015年4月12日 14:14 评论
    • 小幻  

      我都不用鼠标……

      2015年4月13日 12:19 评论
  5. 5楼
    来自天朝的朋友 未知浏览器 Unknow Os
    夺杯  

    小幻美图在哪呢?

    2015年4月11日 00:55 评论
  6. 4楼
    来自天朝的朋友 未知浏览器 Unknow Os
    懿古今  

    这个功能用在小说网站比较合适,个人博客好像用得比较少

    2015年4月10日 23:09 评论
    • 小幻  

      切换章节时候用是挺不错的

      2015年4月10日 23:18 评论
  7. $亮了

    2015年4月10日 21:48 评论
  8. 板凳
    来自天朝的朋友 未知浏览器 Unknow Os
    淘乐导刊  

    先收藏了,嘿嘿

    2015年4月10日 16:58 评论
    • 小幻  

      嘿嘿,效果应该生效了

      2015年4月10日 18:46 评论
  9. 沙发
    来自天朝的朋友 未知浏览器 Unknow Os
    竹鼠养殖  

    我的 竹鼠养殖 博客 http://www.zhushuzhijia.com/ 交换友链 可以么?

    2015年4月10日 14:06 评论
    • 小幻  

      咱俩的好像有的不沾边吧……内页?

      2015年4月10日 18:46 评论

发表评论

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

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