WordPress 文章標題新增正在載入提示

我們經常會看到很多使用部落格中點選文章標題後會顯示：正在載入……的提示，看上去是不是很好玩，很有意思？前兩天有朋友給珞凡傳送了郵件，希望能告知實現方法，今天在這裡我們就來給大家介紹下為 WordPress 文章標題連結新增正在載入中提示效果的方法。

首先開啟你所使用主題的 header.php 模板檔案，在</head> 標籤前新增如下程式碼：

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

如果你的主題已載入了 JQuery，這步就免了，再把下面這段程式碼同樣加到</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 是這一特效的顯示時間 (毫秒)，可根據自己的需要修改或不修改都可以。 『正在載入中……』 字樣可自己行修改成任何你想要的文字。

儲存，並重新整理你的網站，是不是已經完成了？

效果演示：http://www.nuomens.com