jquery等待特定元素加载再执行相关函数
jQuery.fn.wait = function (func, times, interval) {var _times = times || 100, //100次_interval = interval || 20, //20毫秒每次_self = this,_selector = this.selector, //选择器_iIntervalID; //定时器idif( 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()”是出现后需要执行的函数。是不是很方便呢?
转载于:https://www.cnblogs.com/newgold/p/9927052.html
jquery等待特定元素加载再执行相关函数相关推荐
- 【新手向】jQuery Mobile中动态加载或执行脚本的分析
jQuery Mobile是我新的项目中要用到的移动端框架,之所以要使用它,仅仅是因为它的兼容性很好,页面之间的轮转及其优雅.但是jQuery Mobile的UI我并不喜欢,因此又引入bootstra ...
- selenium之如何等待页面元素加载完成
webdriver中我们用两种方式进行等待:明确的等待和隐性的等待. 明确的等待 明确的等待是指在代码进行下一步操作之前等待某一个条件的发生.最不好的情况是使用Thread.sleep()去设置一段确 ...
- 要求jQuery在执行某些操作之前等待所有图像加载的官方方式
在jQuery中,当您执行以下操作时: $(function() {alert("DOM is loaded, but images not necessarily all loaded&q ...
- selenium等待定位标签加载完再执行
遇到的问题描述 我们经常会碰到用selenium操作页面上某个元素的时候, 需要等待页面加载完成后, 才能操作. 否则页面上的元素不存在,会抛出异常. 比如: 一个动态网页使用了ajax的异步加载, ...
- jQuery等待video视频元素加载完成
在写油猴脚本时候,需要判断video元素加载完成后,再对其进行操作. 方法: jQuery(document).delegate('video', 'DOMNodeInserted', functio ...
- JavaScript--JQuery事件 当网页元素加载完成后再去执行事件
1. JQuery事件 JQuery帮助文档: 这里的selector都是CSS选择器的语法 CSS选择器 示例1 弹出提示框: <!DOCTYPE html> <html lang ...
- jquery源码 DOM加载
jQuery版本:2.0.3 DOM加载有关的扩展 isReady:DOM是否加载完(内部使用) readyWait:等待多少文件的计数器(内部使用) holdReady():推迟DOM触发 read ...
- JavaScript 的性能优化:加载和执行
概览 无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成.JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长.浏览器在下载 ...
- jquery跟js初始化加载的多种方法及区别介绍
jquery是等待页面加载完数据,以及页面部分元素:js是页面全部加载完成才执行初始化加载,具体示例祥看本文 jquery和js初始化加载页面的区别: jquery:等待页面加载完数据,以及页面部分 ...
最新文章
- html建站软件,站长建站更简易 十款最佳Windows免费网页编辑器
- Python和QuickBooks数据库,哪些让你所困惑的事情!究竟怎么解决
- 自己动手写符合自己业务需求的eslint规则
- 汇编学习--7.13--转移指令
- matplotlib可视化学习笔记
- 【笔记17】使用 jad 工具把 java 的 class 文件转换为 java 文件;使用 luyten 把 java 的 jar 包转换为 java文件
- MySQL慢查询,一口从天而降的锅!
- iOS-微信朋友圈图片压缩算法
- 鸡和兔放在一起,一共有20个头和56只脚,问鸡和兔各几只?
- java jdk安装失败_图文解答Java JDK9.0安装失败的原因,附带处理方法
- uni-app中Card slots的使用(添加点击事件)(uni-card)
- 第一章-总论财务管理概述
- 如何接入银联在线支付网关
- qq能正常使用 网页打不开的解决办法
- %matplotlib inline是什么意思
- vs调试时,没有断点在某处停下
- PTA 7-120 跟奥巴马一起画方块
- Android开发— Android API Levels
- PHP基础-表单数据
- 【文件md5值查看方法详解】:如何获取文件的唯一标识?