Estou usando modals do bootscrap 3.3.6 para abrir iframes. O problema que quando implementei tudo no site os iframes carregam antes de abrir os modals. Precisava de uma ajuda para somente o iframe for carregado quando o modal for clicado.
<a href="#despesas" role="button" data-toggle="modal" data-target="#despesas" target="" class="col-lg-1 col-md-2 col-sm-3 col-xs-6 text-center home">
<img src="icones/icone_despesas.png" alt="Despesas" />
</a>
<!-- ICONES SUBMENU - DESPESAS--> <div class="modal fade" id="despesas">
<div class="modal-layout">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" class="blank" title="Fechar" data-dismiss="modal" aria-label="Fechar">
<span aria-hidden="true">×</span>
</button>
<h2 class="modal-title">Despesas</h2>
</div>
<div class="container"></div>
<div class="modal-body">
Aqui tenho varios icones dentro no body do primeiro mdoal chamando cada modal com uma iframe:
<!-- ICONE Despesas por credor OK-->
<a data-toggle="modal" role="button" data-target="#despesascredor">
<img src="icones/sub_menus/icone_despesas_credor.png" alt="Despesa" class="col-lg-3 col-md-4 col-sm-3 col-xs-6 text-center sub"/>
</a>
Já aqui eu deixo a reposta para a chamada com o iframe:
<div class="modal fade" id="despesascredor" data-remote= >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" class="blank" title="Fechar" data-dismiss="modal" aria-label="Fechar">
<span aria-hidden="true">×</span>
</button>
<h2 class="modal-title">Despesas por credor</h2>
</div>
<div class="modal-body text-center">
<iframe id= "iframe_betha" src="LINK" />
</div>
</div>
</div>
</div>
src
doiframe
, configure ele apenas depois que abrir o modal. Easy.