$(window).resize() 执行延迟

简介:

问题

$(window).resize() 是监听窗口大小缩放,而后执行动作。最近在用echarts报表时,发现表报的缩放跟不上窗口的缩放节奏,比窗口的缩放总是慢一步。代码

$(window).resize(function(){

 myChart.resize();

});

解决

加个时间,延迟执行就好了

var timer = 0;

$(window).resize(function(){

 clearTimeout(timer);

 timer = setTimeout(function() {
 myChart.resize();

 }, 200);

});
目录
相关文章
|
2月前
|
JSON 前端开发 算法
2715. 执行可取消的延迟函数
2715. 执行可取消的延迟函数
19 0
|
11月前
|
API
window resize和scroll事件性能优化
window resize和scroll事件性能优化
189 0
|
JavaScript
vue 里 onresize 事件被覆盖,以及怎么实现 resize 防抖、移除 resize 事件?
vue 里 onresize 事件被覆盖,以及怎么实现 resize 防抖、移除 resize 事件?
437 0
window.onload不能正常执行
window.onload不能正常执行
114 0
Auto.js 特殊定位控件方法 不能在ui线程执行阻塞操作,请使用setTimeout代替
Auto.js 特殊定位控件方法 不能在ui线程执行阻塞操作,请使用setTimeout代替
1249 0
Auto.js 特殊定位控件方法  不能在ui线程执行阻塞操作,请使用setTimeout代替
关于 QGraphicsScene场景中触发事件使用event->pos()获取坐标为0 的解决方法
关于 QGraphicsScene场景中触发事件使用event->pos()获取坐标为0 的解决方法
关于 QGraphicsScene场景中触发事件使用event->pos()获取坐标为0 的解决方法
|
前端开发
前端面试题:1.页面加载完成(onload)之前触发的事件;2.History,Location,Window,Navigation的区别;3.e.target和e.currentTarget的区别
★Navagator:提供有关浏览器的信息 ★Window: Window对象处于对象层次的最顶层, 它提供了处理Navagator窗口的方法和属性 ★Location:提供了与当前打开的URL-工作的方 法和属性,是一个静态的对象 ★History:提供了与历史清单有关的信息 ★Document:包含与文档元素一起工作的对象,它将这些元素封装起来供编程人员使用
238 0
|
JavaScript
解决input 有多少个radio绑定change事件,手动触发就会执行多少次问题
如题,相信大家都会遇到这个问题,那么为什么会触发多次呢?其实当你用jquery绑定onchange事件的时候你就无形中给每个radio绑定了事件,所以才会出现执行多少次的问题了,那么如何解决呢,其实这个问题就是最好的解决方法了,你想阿,一组radio当然只会选中一个,但是没有 选中的radio也会执...
1162 0
Fiori 里周期性检查window size大小的变化
Fiori 里周期性检查window size大小的变化
Fiori 里周期性检查window size大小的变化
如何修改Fiori launchpad里tile count调用的触发时间间隔
以GM4为例,假设期望将Opportunity count调用间隔从默认的30s一次修改到300s一次:
如何修改Fiori launchpad里tile count调用的触发时间间隔