Содержимое IFrame не отображается в скрытом контейнере div - PullRequest
Новая
       38

Содержимое IFrame не отображается в скрытом контейнере div

0 голосов
/ 05 июня 2018

У меня возникли некоторые проблемы при отображении содержимого Iframe в скрытом DIV-контейнере.

Как только ссылка нажата, контейнер div становится видимым, что работает до сих пор, но содержимое внутри, котороеСам усилитель-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>

Кстати: без эффекта «показать / скрыть» содержимое Iframe загружается и все работает нормально.

Что я делаю не так?

1 Ответ

0 голосов
/ 06 июня 2018

Вот рабочая версия: 

  <a href="#" class="bsel" [text]="visible ? 'On' : 'Off'" on="tap:showInfo.toggleVisibility">
    Click me
  </a>

  <div id="showInfo" hidden>
    <amp-iframe width=600 height=500 scrolling=yes frameborder="1" layout="responsive" sandbox="allow-scripts allow-same-origin" src="https://ampbyexample.com">
      <div placeholder></div>
    </amp-iframe>
  </div>

В этом случае лучше использовать встроенное скрытое действие.

...