javascript - 单击后加载 iframe

Question

我在 wordpress 的 single.php 页面中有这段代码，点击 <iframe> 就会弹出窗口在外部网站上。

<a class="lbp-inline-link-1 cboxElement et_pb_pricing_table_button" href="#">Click_and_see_site</a>
<div style="display: none;">
<div id="lbp-inline-href-1" style="padding:10px; background: #fff;">
<iframe id="MyId" src="<?php echo $url_site; ?>" frameborder="0" style="height:97%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="97%" width="100%"></iframe>
</div>
</div>

我希望仅在按下“Click_and_see_site”时加载 iframe

Answer 1

试试这个:

$(".lbp-inline-link-1").on('click',function (){

 $("#MyId").prop('src','<?php echo $url_site; ?>');
});

同时删除 SRC:

<iframe id="MyId" src="about:blank" ...