使WordPress文章标题点击显示“加载中”

Jul292013

作者：超级efly 发布：2013-07-29 07:17 分类：WordPress 阅读：1,615 10条评论

有些网站访问内文会有点慢，所以今天就来教大家如何给你的WordPress博客添加点击文章标题就会提示“加载中”的方法

教程

1、把下列代码添加到你的主题文件夹内的任意一个JS文件“或者”直接用 <script> 添加到你的“页首 (header.php)”文件内（注意：代码中的 h2 需要修改成为你的文章标题的标签，不过“大部分”时候使不需要修改的）

jQuery(document).ready(function(){
jQuery('h2 a').click(function(){
    jQuery(this).text('页面加载中……');
    window.location = jQuery(this).attr('href');
    });
});

jQuery(document).ready(function(){

jQuery('h2 a').click(function(){

jQuery(this).text('页面加载中……');

window.location = jQuery(this).attr('href');

});

2、清空你的浏览器缓存，然后点一下标题就可以看到效果啦

预览

点击这里

点击上面的标题就会显示“页面加载中......”

总结

1、大家同时也可以看看上次的“给WordPress添加“加载中”动画”文章，这两个技巧都是对访客非常实用的

2、有问题可以回复

历史上的今天

2014年：使用 Pancake.io 将架设静态网页于Dropbox内（20条评论）

觉得这篇文章有用吗？分享一下让更多人受益吧！

本文固定链接：https://www.arefly.com/zh-cn/wordpress-title-loading/

本文章由“超级efly”于2013年07月29日发表于“WordPress”分类

你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站

转载请注明：使WordPress文章标题点击显示“加载中” | 畅想资源

关键字：WordPress, 加载中

[上一篇] 使访客不能在网页上按下右键的方法

[下一篇] 不越狱也能更换iOS原生图标

您可能还会对这些文章感兴趣！

使WordPress文章标题点击显示“加载中”：目前有 10 条留言
双方以 5：5 暂时持平

评论载入中，请稍等……

4楼
免费资源部落 ：

看到博主加上了这个效果。。。。

2013-07-30 下午6:00 [回复]
- 超级efly ：
  
  是“看到”还是“看不到”？
  
  2013-07-30 下午6:02 [回复]
地板
烟花易冷 ：

我去试试，哈哈

2013-07-30 下午12:25 [回复]
- 超级efly ：
  
  可是你的yhyl.info本身好像就有这个功能啊？
  PS: 我也有个“英文博客”
  
  2013-07-30 下午2:48 [回复]
板凳
微尘逐风gavin ：

如果有人抄袭
我感到非常荣幸

2013-07-29 下午9:28 [回复]
- 超级efly ：
  
  呃，这是什么？
  
  2013-07-29 下午9:32 [回复]
  - 微尘逐风gavin ：
    
    发错文章了亲
    
    2013-07-29 下午9:35 [回复]
    - 超级efly ：
      
      呃。。。
      
      2013-07-29 下午9:45 [回复]
沙发
Lan Tian ：

现在好像是jQuery的天下了……我博客因为jQ文件太大没用jQ，只用了shadowbox……

2013-07-29 下午8:10 [回复]
- 超级efly ：
  
  我都没管这些什么大小速度的
  
  2013-07-29 下午8:40 [回复]