jquery - Bootstrap 模态建议

Question

我在我的主 html 页面的正文中使用了 7 次以下代码将 html 内容加载到 twitter-bootstrap 模式中。

 <div class="modal-body">
          <iframe width="900px" height="380px" frameborder="0" scrolling="no" allowtransparency="true" src="index.html#"></iframe>
 </div>

加载此页面大约需要 30 秒，因为它首先尝试加载所有 iframe 内容，然后在每个模式中最终加载页面。我尝试使用 jquery 加载，以便 iframe 内容加载到模态 on.click 中，但是当模态打开时，该模态的内容需要永远加载。有什么建议么？谢谢

Answer 1

您可以使用 $(document).ready() 事件将 iframe 附加到模态正文。

$(document).ready(function() {
    $("#modal-body").append("[insert iframe here]")
});

Answer 2

你为什么试图一次加载这么多 iframe？尝试将该内容加载到 DOM 中的隐藏容器中。

Answer 3

不要使用iframes，使用Bootstrap API [依赖于$.load()]：

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>