1. 程式人生 > >jquery等待特定元素載入再執行相關函式

jquery等待特定元素載入再執行相關函式

jQuery.fn.wait = function (func, times, interval) {
    var _times = times || 100, //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; }

預設是執行100次,每次間隔20毫秒,最長等待時間是2000毫秒(2秒),如果要一直等待到元素出現,可以將100改成任意負數。

上面這段程式碼直接複製過去,呼叫方法:

 $(".buyGoods_guige_goods").wait(function(){BuyNow();})
“.buyGoods_guige_goods”是需要等待出現的元素,“BuyNow()”是出現後需要執行的函式。
是不是很方便呢?