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

简介:

问题

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

$(window).resize(function(){

 myChart.resize();

});

解决

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

var timer = 0;

$(window).resize(function(){

 clearTimeout(timer);

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

 }, 200);

});
目录
相关文章
|
9月前
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
10月前
|
API
window resize和scroll事件性能优化
window resize和scroll事件性能优化
177 0
|
10月前
|
JavaScript 前端开发
JS引擎的执行机制event loop
JS引擎的执行机制event loop
49 0
|
JavaScript
vue 里 onresize 事件被覆盖,以及怎么实现 resize 防抖、移除 resize 事件?
vue 里 onresize 事件被覆盖,以及怎么实现 resize 防抖、移除 resize 事件?
427 0
Auto.js 特殊定位控件方法 不能在ui线程执行阻塞操作,请使用setTimeout代替
Auto.js 特殊定位控件方法 不能在ui线程执行阻塞操作,请使用setTimeout代替
1227 0
Auto.js 特殊定位控件方法  不能在ui线程执行阻塞操作,请使用setTimeout代替
|
前端开发
前端面试题:1.页面加载完成(onload)之前触发的事件;2.History,Location,Window,Navigation的区别;3.e.target和e.currentTarget的区别
★Navagator:提供有关浏览器的信息 ★Window: Window对象处于对象层次的最顶层, 它提供了处理Navagator窗口的方法和属性 ★Location:提供了与当前打开的URL-工作的方 法和属性,是一个静态的对象 ★History:提供了与历史清单有关的信息 ★Document:包含与文档元素一起工作的对象,它将这些元素封装起来供编程人员使用
229 0
关于 QGraphicsScene场景中触发事件使用event->pos()获取坐标为0 的解决方法
关于 QGraphicsScene场景中触发事件使用event->pos()获取坐标为0 的解决方法
关于 QGraphicsScene场景中触发事件使用event->pos()获取坐标为0 的解决方法
Fiori 里周期性检查window size大小的变化
Fiori 里周期性检查window size大小的变化
Fiori 里周期性检查window size大小的变化
如何修改Fiori launchpad里tile count调用的触发时间间隔
以GM4为例,假设期望将Opportunity count调用间隔从默认的30s一次修改到300s一次:
如何修改Fiori launchpad里tile count调用的触发时间间隔
ui5里周期性检查window size大小的变化
Created by Jerry Wang, last modified on May 18, 2015
ui5里周期性检查window size大小的变化

热门文章

最新文章