问题描述:tab列表有多个tab,其中一个展示PDF文件内容
当我从b页面切换a页面,再回到b页面时,b页面是这样的
尝试:一开始,我以为是切换触发了iframe的修改,在$(document).ready()中添加打印信息,来换切换信息没有打印在控制台上。后来想着打开调试器看一下不展示PDf的b页面和展示PDF的b页面在document的结构上有什么不同,发现两者的document结构好像没有区别
后面调节浏览器窗口的大小时发现,没有PDF的b页面在窗口大小变化后展示了PDF文件,试了几次结果都是一样的。个人怀疑是浏览器触发resize所以将PDF文件展示出来了,认为在b页面相关的tab被点击后,立即调用resize应该就可以展示PDF文件。尝试代码如下
可以看到resize是被触发了,但是预期效果没有出来,所以跟resize是没有关系的,由此推测,应该和iframe的width发生变化有关,尝试如下
嗯,达到了预期的效果
js触发resize相关代码参考自:博客园,作者昵称:木章,文章标题:js触发页面resize的功能实现,链接路径:https://www.cnblogs.com/muzhang/articles/10077733.html