国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery下實現等待指定元素加載完畢(可改成純js版)

2024-05-06 15:49:00
字體:
來源:轉載
供稿:網友
下面就是我想到的等待元素出現方法,雖然是基于jQuery的,但是代碼很簡潔,可以修改成純js版的,感興趣的朋友可以參考下哈,希望對大家有所幫助

先聲明下這個方法的使用場合,以免誤導大家。
比如在博客園,我們沒法修改他的源代碼,
那么只能想辦法監視元素的出現了。
所以下面方法是在修改不了源碼的情況下使用,而非寫自己的項目。

今天在改博客幾個樣式的時候,以為很自然的加上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"); //搜索按鈕



可是刷新頁面后發現有點不對,看了 network 后發現是 ajax 過來的,
無奈,除了自己寫模版之外,只能自己想辦法修改代碼了。

那么下面就是我想到的等待元素出現方法。
雖然是基于 jQuery 的,但是代碼很簡潔,可以修改成純js版的。

復制代碼 代碼如下:


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


使用方法當然也很簡單,只有3個參數。
func 是回調函數,就是當指定元素出現后就執行的函數。
times 是檢測次數,默認是-1,一直檢測直到出現為止。
interval 是檢測間隔,默認 20 毫秒一次。

我們修改下之前的代碼

復制代碼 代碼如下:


$("#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"); //搜索按鈕
});


是不是很簡單、、

當然,依然不破壞jQuery的鏈式結構,你依然可以 $("#id").wait(function(){}).hide();
但是后來想想,元素都沒加載,繼續鏈下去也沒意義,不過算了,不改了,就這樣吧。呵呵 :-)

最后說點,,我經驗尚淺,如果那里寫的不對,還請各位大俠指點。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 荣昌县| 浮梁县| 莱西市| 仁化县| 巴中市| 江永县| 调兵山市| 大埔县| 琼海市| 十堰市| 本溪市| 珲春市| 邯郸市| 叙永县| 承德市| 通榆县| 江山市| 陆河县| 沅陵县| 电白县| 宜宾市| 阳江市| 孝感市| 邳州市| 科技| 滕州市| 隆化县| 辽中县| 吉木乃县| 黎城县| 嘉黎县| 孙吴县| 同心县| 咸丰县| 邳州市| 雷州市| 安庆市| 泰顺县| 怀仁县| 雷波县| 南靖县|