很多博客都有點擊標題顯示「正在加載中」的小細節，實現超簡單：

步驟 1：確保引入 jQuery

若無，在 <head> 加入：

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

步驟 2：在模板插入腳本

<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>

DIY 提示

h2 a 為選擇器，若文章標題非 <h2> 請自行修改。2011 毫秒為模擬延遲，可調整。

除非注明，胡小易博客文章均為原創，轉載請以鏈接形式標明本文地址
本文地址：https://huxiaoyi.com/website/20120727.html