WordPress 实现点击标题时显示加载提示“正在加载中…”

第一步:加载jquery.min.js

外部调用:

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js"></script>

内链格式:

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.2.3.min.js" ></script>
访问外链地址:http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js 下载该js文件,并上传到主题文件下面的js文件夹中!

第二步

把下面这段代码加到当前使用主题的header.php中
加在 </head>标签之前:

<script type="text/javascript">
$(document).ready(function() {
$('h2 a').click(function(){
myloadoriginal = this.text;
$(this).text('请稍等,正在努力加载中...');
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2000);
});
});
</script>

上面"h2 a"如果改成"a",可以实现全部连接都显示这一效果。后面的2000是这一特效显示的时间,单位是毫秒,可根据自己网页加载速度进行修改。

  • 该日志由 于2014年05月22日发表在 wordpress 模板 分类下, 你可以发表评论,并在保留原文地址 及作者的情况下引用到你的网站或博客。
  • 本文链接: WordPress 实现点击标题时显示加载提示“正在加载中…” | OurELife
  • 文章标签:
  • 版权所有: OurELife-转载请标明出处
  • 【上一篇】 【下一篇】

    0 Comments.

    发表评论