Question

我在隐藏的DIV-Container中显示Iframe内容时遇到了一些问题。

只要链接被点击，div容器就会显示，到目前为止可以使用，但是内部的内容（即amp-iframe本身）不会显示。有些事情阻止了iframe加载内容。

以下是一些代码摘录：

<a href="#" class="bsel" [text]="visible ? 'On' : 'Off'" on="tap:AMP.setState({visible: !visible})">
 Click me
 </a>
......
<div id="showInfo" [class]="visible ? 'show' : 'hide'" class="hide">
   <amp-iframe width=600 height=500 scrolling=yes frameborder="1"
                            layout="responsive"
                            sandbox="allow-scripts allow-same-origin"
                            src="xxxxxxxx">......</div>

BTW：如果没有显示/隐藏效果，Iframe内容会被加载，一切正常。

我做错了什么？

Answer 1

这是一个工作版本：

{{1}}

在这种情况下，最好使用内置隐藏操作。

IFrame内容不会显示在隐藏的div容器中

1 个答案: