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改爲任意負數。函數

上面這段代碼直接複製過去,調用方法:ui

 $(".buyGoods_guige_goods").wait(function(){BuyNow();})
「.buyGoods_guige_goods」是須要等待出現的元素,「BuyNow()」是出現後須要執行的函數。是否是很方便呢?
相關文章
相關標籤/搜索