在页面加载后将iframe源加载到Foundation Modal中

Question

我正在创建一个使用Foundation的单页组合网站，起初很简单，但是如果你点击链接模式弹出从其他页面输入html src。但是，我想在页面加载后加载这些模态的源（大约10mb的图像试图加载）。在jQuery / js中执行此操作的最佳方法是什么？

我有大约六种这样的模态：

<a data-reveal-id="more-info-modal" class="small round button">View Project Details</a>

<div id="more-info-modal" class="reveal-modal large" data-reveal>
  <div class="modal-frame">
    <iframe width="100%" height="600px" src="more-info.html" frameborder="0" allowfullscreen></iframe>
  </div>
</div>