插件窝 干货文章 jquery中在页面加载完成后执行某个方法

jquery中在页面加载完成后执行某个方法

class 加载 执行 div 422    来源:    2024-10-11

jquery页面加载完成后执行某方法

alert("页面加载完成!");
}); 

其对应的完整形态为:

$(document).ready(function(){ 
    alert("页面加载完成!");
}); 

原生JS方法:

window.function(){ 
    alert("页面加载完成!");
}

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()”是出现后需要执行的函数。

以上为个人经验,希望对您有所帮助。