Question

我正在将内容加载到twitter bootstrap模式中，我遇到的问题是内容相当长，需要侧边栏。这个内容是一个简单的html页面。它不使用模态侧边栏而是使用iframe，而且我看到的每个地方都是将外部内容导入twitter boostraps模式的唯一方法。

<p><a data-toggle="modal" class="updateNotes" href="http://adambalan.com/aisis/aisis_update/UpdateNotes/index.html" data-target="#modal">READ MORE ABOUT IT!</a></p>

    <div class="modal hide fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Latest Updates!</h3>
      </div>
      <div class="modal-body">
      </div>
     <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
     </div>   
    </div>

jquery：

$('a.btn').on('click', function(e) {
    e.preventDefault();
    var url = $(this).attr('href');
    $(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true" src="'+url+'"></iframe>');
});

我不需要使用iframe并使用模态侧边栏来滚动内容。任何想法？

我还尝试关闭iframe中的滚动，但内容不会滚动。

Answer 1

试过jQuery的加载功能？

http://api.jquery.com/load/

当内容来自其他域时，可能无法正常工作。

iframe不能解决这个问题吗？

1 个答案: