對於技術這種東西,始終覺得現在用的很多以後都是會被摒棄的,死抱着一棵救命稻草終究會被湮沒在歷史的洪流之中。所以,某些技術只是拿來用用就可以了,內在始終不想去了解,大體上能完成功能即可。比如 jquery,幾次想看看書裏怎麼寫又覺得沒什麼用處,偶爾到圖書館看到中外這類的書籍若干,拿起來又放下。終究是自己興趣所在才有動力完成下去啊。
最近有倆同學問題我邊欄種馬回事……我沉思了若干秒,總結出目前用的這個叫 jquery 的 ajax 方式異步獲取 (自己隨便寫的名字 – -|) 的玩意。原型忘記是什麼了,記得是 winy 那邊的一個什麼栗子……
首先我來舉個栗子……栗子栗子栗子,每週都吃栗子。
1 、首先要有加載 jquery 庫;
2 、在自己要載入的 js 文件裏寫入:
function ajaxs() {
$.ajax({
url: 'http://127.0.0.1/?action=ajax', //域名換成你要用的
type: 'get',
beforeSend: function() {
var loading = '<span ></span>';
$('#hotposts').empty().html(loading) //顯示 loading 啊神馬的
},
error: function(a) {
$('#hotposts').hide().empty().html('<div style="text-align:center;padding-top:20px;"> 還木有載好</div>').fadeIn('fast')
}, //錯誤時輸出神馬
success: function(a) {
$('#hotposts').empty().html(a) //成功時輸出神馬
}
});
return false
};
ajaxs();
3 、在 function.php 文件裏寫入:
function AjaxLoad(){
if( isset($_GET['action'])){
if($_GET['action'] == 'ajax'){
echo 'Oh shit'; //你可以根據需要輸出,比如輸出最新評論,最新文章,最新妹子什麼的
die;
}
//if($_GET['action'] == 'ajax'){
//如果理解的話,這樣的代碼還可以寫出若干對吧?
}
}
add_action('init', 'AjaxLoad');
順利完成。
有了上面的模版,基本上要用到的功能都可以完成了,比如鼠標劃過:$('#xxx').hover(function() {...},比如點擊某個地方:$('#ooo').click(function() {...} 。把 js 部分中的最後一句話 CP 到這裏面就完成鳥。具體見 ink 主題的邊欄 newcomments 和 Active Friends 部分的效果。

很久沒寫過代碼分享之類的東西了,面壁……