A-A+
wordpress给文章标题链接添加正在给力加载提示
本文记录的内容可结合 wordpress站内标题链接实现鼠标经过平滑右移效果 一起使用效果更佳。
同样此特效还是需要加载jQuery库，方法参照 wordpress站内标题链接实现鼠标经过平滑右移效果 一文。
再把下面这段代码同样加到＜/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); }, 2011);
- });
- });
- </script>
这里提示下其中"h2 a"是主题文章标题的标签选择器，可根据具体主题模板进行修改，如果改为：“a”,可实现全部链接都添加这一特效。后面的数字2011是这一特效的显示时间（毫秒），可酌情修改。（本方法参照于鸟哥）
然而本站则采用js代码如下来的快，一部到位。
/*-------------------------------------------------*/
/* 为文章标题链接添加动态加载效果
/*-------------------------------------------------*/
$(document).ready(function(){
$('.entry-title a').click(function(){
//同上，注意修改.entry-title a为你自己的样式
$(this).text('正在给力加载中...');
//加载中文本提示，可修改为你喜欢的，如Loading...
window.location = $(this).attr('href');
});
});
/* 为文章标题链接添加动态加载效果
/*-------------------------------------------------*/
$(document).ready(function(){
$('.entry-title a').click(function(){
//同上，注意修改.entry-title a为你自己的样式
$(this).text('正在给力加载中...');
//加载中文本提示，可修改为你喜欢的，如Loading...
window.location = $(this).attr('href');
});
});
注意要点：1.主题是否有引用jQuery库，如果没有可参照wordpress站内标题链接实现鼠标经过平滑右移效果
如果已加载，可将如上代码添加至主题 jquery.min.js文件最底部后上传至空间刷新就好了。
