• 售前

  • 售后

热门帖子
入门百科

WordPress文章标题链接添加正在加载中提示的方法

[复制链接]
贺老师 显示全部楼层 发表于 2021-8-15 20:24:31 |阅读模式 打印 上一主题 下一主题
本文实例讲述了WordPress文章标题链接添加正在加载中提示的方法。分享给各人供各人参考。具体分析如下:
我们会看到很多使用wordpress博客的朋侪我们点击文章标题时就会先提示正在加载中,然后再进入文章了,这里我们就来给各人先容WordPress文章标题链接添加正在加载中提示效果.
首先打开你所使用主题的header.php模板文件,在</head>标签前添加如下代码:

复制代码代码如下:<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
如果你的主题已加载了JQuery,这步就免了,再把下面这段代码同样加到</head>标签前,代码如下:

复制代码代码如下:<script type="text/javascript">  
$(document).ready(function() { $('h2 a,h3 a').click(function(){ myloadoriginal = this.text; $(this).text('正在给力加载中 …'); var myload = this;  
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011); });}); </script>
其中"h2 a"是主题文章标题的标签选择器,可根据具体主题模板举行修改,如果改为:"a",可实现全部链接都添加这一特效,背面的数字2011是这一特效的显示时间(毫秒),可酌情修改。
盼望本文所述对各人的WordPress建站有所资助。

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作