先聲明下這個方法的使用場合,以免誤導大家。
比如在博客園,我們沒法修改他的源代碼,
那么只能想辦法監視元素的出現了。
所以下面方法是在修改不了源碼的情況下使用,而非寫自己的項目。
今天在改博客幾個樣式的時候,以為很自然的加上js就可以實現了,
沒想到那個是ajax加載的數據,而非頁面首次加載的,
比如下面的 “提交評論” 按鈕,右側的 搜索按鈕 等。
我很自然的寫了
復制代碼 代碼如下:
1 $("#btn_comment_submit").removeClass("comment_btn").addClass("btn"); //提交按鈕
2 $(".div_my_zzk").addClass("input-append"); //搜索框
3 $(".btn_my_zzk").removeClass("btn_my_zzk").addClass("btn"); //搜索按鈕
復制代碼 代碼如下:
jQuery.fn.wait = function (func, times, interval) {
var _times = times || -1, //100次
_interval = interval || 20, //20毫秒每次
_self = this,
_selector = this.selector, //選擇器
_iIntervalID; //定時器id
if( this.length ){ //如果已經獲取到了,就直接執行函數
func && func.call(this);
} else {
_iIntervalID = setInterval(function() {
if(!_times) { //是0就退出
clearInterval(_iIntervalID);
}
_times <= 0 || _times--; //如果是正數就 --
_self = $(_selector); //再次選擇
if( _self.length ) { //判斷是否取到
func && func.call(_self);
clearInterval(_iIntervalID);
}
}, _interval);
}
return this;
}
復制代碼 代碼如下:
$("#btn_comment_submit").wait(function() { //等待#btn_comment_submit元素的加載
this.removeClass("comment_btn").addClass("btn"); //提交按鈕
//這里的 this 就是 $("#btn_comment_submit")
});
$("#widget_my_zzk").wait(function() { //等待#widget_my_zzk元素的加載
$(".div_my_zzk").addClass("input-append"); //搜索框
$(".btn_my_zzk").removeClass("btn_my_zzk").addClass("btn"); //搜索按鈕
});
新聞熱點
疑難解答
圖片精選