国产探花免费观看_亚洲丰满少妇自慰呻吟_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();
但是后來想想,元素都沒加載,繼續鏈下去也沒意義,不過算了,不改了,就這樣吧。呵呵 :-)

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

圖片精選

主站蜘蛛池模板: 绍兴县| 昌江| 寿光市| 望都县| 霍邱县| 庆阳市| 浏阳市| 彭阳县| 射洪县| 凤翔县| 浏阳市| 防城港市| 岐山县| 宕昌县| 甘孜县| 宁南县| 旌德县| 固阳县| 苏尼特左旗| 西盟| 大关县| 麻江县| 定陶县| 奇台县| 祁东县| 保德县| 小金县| 阿巴嘎旗| 玉环县| 顺昌县| 高淳县| 讷河市| 长岭县| 怀宁县| 东海县| 佛冈县| 应用必备| 嵊州市| 建湖县| 永定县| 浦东新区|