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

 更新时间:2022年10月24日 15:23:38   作者:.Net10  
这篇文章主要介绍了jquery中在页面加载完成后执行某个方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持程序员之家。

相关文章

最新评论

?


http://www.vxiaotou.com