jquery等待特定元素載入再執行相關函式
阿新 • • 發佈:2018-11-08
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()”是出現後需要執行的函式。
是不是很方便呢?