jQuery下实现等待指定元素加载完毕

最新推荐文章于 2025-02-03 13:25:19 发布

win_turn

最新推荐文章于 2025-02-03 13:25:19 发布

阅读量3.6k

点赞数 2

分类专栏： javascript 文章标签： jquery javascript ajax promise 等待元素加载

本文链接：https://blog.youkuaiyun.com/win_turn/article/details/106745664

版权

本文介绍如何在JavaScript环境中，特别是使用jQuery时，监控页面元素是否由AJAX请求加载完成。针对jQuery3.0中某些用法的变动，提供了一种新的基于Promise的解决方案，允许用户等待元素加载成功或取消等待。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在tempermonkey中，需要监控页面是否加载完成。
但是，页面中的一些元素是ajax请求的。
所以需要通过判断元素是否加载成功。

jQuery.fn.wait = function (selector, func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次 
    _self = this,
    _selector = 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;
}

$(".otc-trade-list").wait(".otc-trade-list", function() {
    console.lo

最低0.47元/天解锁文章