Question

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

我很想知道是否有关于如何正确使用模态窗口与外部内容或任何其他jQuery插件的建议，这些插件可以正常使用twitter bootstrap。

提前感谢。

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很棒的资源，包括可以在那里找到的资源。

twitter bootstrap和ajax模态

2 个答案: