使用Layer弹窗时遇到Layer.Close()后dom元素延迟性销毁的问题 @Gyb

在编写专题图功能时,有一个场景为打开A专题数据windowA后,查询时间改变后须要从新渲染打开window,这时候执行windowA.close();windowB.open(),发现windowB中的统计图模块没有渲染出来,经调试发现,在执行统计图渲染时,windowA虽然关闭了,可是dom中还存在windowA的内容,致使统计图渲染时发现渲染容器ID存在两个,heightCharts没有报错,可是也没法正确渲染。dom

按照Layer的官方文档描述,调用Close()方法后会销毁layer元素。可是没有找到销毁元素是否有延迟存在。在Layer的论坛中也没有找到这种问题的解决方法。调试

采起了一种笨方法,在windowA.close()以前,清空windowA的内容元素,而后执行windowB.open()。文档

元素销毁的延迟性很难发现,只有跟js的执行语句的同时查看dom的变化才能发现,耗费了很多时间。容器

后续查看layer的源代码发现有下列代码:渲染

其中发现3.0增长isOutAnim属性默认为true,致使延迟200毫秒执行销毁dom元素。须要设置isOutAnim:true方法

相关文章
相关标签/搜索