0

我正在将内容加载到 twitter 引导模式中，我遇到的问题是内容相当长，需要侧边栏。此内容是一个简单的 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 中的滚动，但内容不滚动。

4

1 回答 1

0

试过jQuery的加载功能吗？

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

当内容来自另一个域时，可能无法正常工作。

于 2013-03-16T00:10:02.487 回答