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

请勿使用iframe，使用Bootstrap API [依赖于$.load()]：

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

Bootstrap模态建议

3 个答案: