twitter - twitter 引导程序和 ajax 模态

Question

我在我的 asp.net 项目中使用 twitter bootstrap，我拥有的是顶部的菜单栏。一些菜单项应该打开一个带有外部 HTML 内容的模式。我尝试在要成为模态的 div 中放置一个 iFrame。这不能很好地工作，因为它我无法让模态窗口自动调整大小以适应外部 HTML 页面的内容。

我很想知道是否有关于如何正确使用带有外部内容的模式窗口或任何其他与 twitter bootstrap 一起正常工作的 jQuery 插件的建议。

提前致谢。

Answer 1

万一其他人从谷歌来到这里......我发现http://blog.assimov.net/blog/2012/03/09/ajax-content-in-twitter-bootstrap-modal/很有帮助。

相关代码（从博客复制，不试图声称信用）：

<a class="btn" href="/path/to/your/page.html" data-toggle="modal" data-target="#myModal">Launch Modal</a>

<div class="modal fade" id="myModal"></div>

$("a[data-toggle=modal]").click(function() {
  var target, url;
  target = $(this).attr('data-target');
  url = $(this).attr('href');
  return $(target).load(url);
});

Answer 2

https://github.com/jschr/bootstrap-modal

您可以通过 ajax 加载内容。我个人使用这个。也可以随意查看www.bootsnipp.com很棒的资源，包括这个可以在那里找到。