您现在的位置是:网站首页> 编程资料编程资料
jquery中在页面加载完成后执行某个方法_jquery_
2023-05-24
323人已围观
简介 jquery中在页面加载完成后执行某个方法_jquery_
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()”是出现后需要执行的函数。
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
您可能感兴趣的文章:
相关内容
- Vue mergeProps用法详细讲解_vue.js_
- Vue实现电商网站商品放大镜效果示例_vue.js_
- 关于页面加载即执行JQuery的三种方法小结_jquery_
- Vue snippets插件原理与使用介绍_vue.js_
- 交叉观察器 IntersectionObserver用法详解_javascript技巧_
- React之错误边界 Error Boundaries示例详解_React_
- Vue实现文件切片上传功能的示例代码_vue.js_
- Immer 功能最佳实践示例教程_JavaScript_
- react源码层探究setState作用_React_
- React中常见的TypeScript定义实战教程_React_
