仅在单击时在jQuery弹出窗口中加载iframe

Question

我正在使用jQuery使用iframe创建弹出窗口覆盖窗口。我的页面中有如此多的iframe，这使得加载整个页面的速度非常慢。我想延迟加载iframe的src，直到点击完成。这是我正在使用的代码：

<a class='COD_open' href='#cod'>COD</a>
<div id='COD' class='well'>
   <iframe name='I1' src='Freq/cod.html' width='500' height='500' ></iframe>
</div>
<script> 
   $(document).click(function () {$('#COD').popup({pagecontainer: '.container',transition: 'all 0.3s'});}); 
</script>

有一个类似的Q＆amp; A建议使用getElementById here，但我无法在我的代码中实现此技术。任何帮助将不胜感激。