我正在尝试在Bootstrap 4.x模式下使用iFrameResizer。
它可以在Safari中使用(尽管最初在Safari中高度过高),但是在Chrome和FF上,它仅显示最小框架尺寸。
如果我切换到另一个浏览器标签(任何网站)并返回,则iFrame的大小会正确调整。我在日志中看到有一个激活的触发器,该触发器请求该大小。
如果我让它在不带模式的iFrame的页面上运行,则效果很好。
所以我希望有某种方法可以在单击模式按钮时调用该触发器。
我尝试了resize方法(当有人单击按钮以启动模态时强制调整大小-请参见代码),但是它似乎不起作用。请注意,没有像其他一些帖子一样存在未定义的错误。
在单击按钮时强制调整大小
...onclick="document.getElementById('ifrm').iFrameResizer.resize();"...
模态内的iFrame
<iframe id="ifrm" src="test_modal_content.html" frameborder="0" scrolling="no"></iframe>
<script>iFrameResize({log:true})</script>
I notice that the initial setting is:
[iFrameSizer]ifrm:16:0:init
When I toggle to another browser tab and come back, it changes:
[iFrameSizer]ifrm:1180:752:resizeParent
The onclick resize method appears to be returning:
[iFrameSizer][ifrm] Trigger event: Parent window requested size check
[iFrameSizer][ifrm] No change in size detected
Which, to me is valid as the content has not actually changed.