twitter引导和ajax模式

twitter引导和ajax模式,twitter,twitter-bootstrap,Twitter,Twitter Bootstrap,我在asp.net项目中使用twitter引导,我在顶部有一个菜单栏。一些菜单项应该打开带有外部HTML内容的模式。我试着在div中放置一个iFrame,它将成为模态。这样做效果不好,因为我无法使模式窗口自动调整为外部HTML页面内容的大小 我很想知道,对于如何正确地使用外部内容的模式窗口或任何其他jQuery插件,以及如何正确地使用twitter引导,是否有任何建议 提前谢谢。 您可以通过ajax加载内容。我个人用这个。您也可以随意查看伟大的资源,包括在那里可以找到的这一资源。以防其他人从谷歌

我在asp.net项目中使用twitter引导,我在顶部有一个菜单栏。一些菜单项应该打开带有外部HTML内容的模式。我试着在div中放置一个iFrame,它将成为模态。这样做效果不好,因为我无法使模式窗口自动调整为外部HTML页面内容的大小

我很想知道,对于如何正确地使用外部内容的模式窗口或任何其他jQuery插件,以及如何正确地使用twitter引导,是否有任何建议

提前谢谢。


您可以通过ajax加载内容。我个人用这个。您也可以随意查看伟大的资源,包括在那里可以找到的这一资源。

以防其他人从谷歌来到这里。。。我觉得很有帮助

相关代码(复制自博客,不试图申请信用):


$(“a[data toggle=modal]”。单击(函数(){
var目标,url;
target=$(this.attr('data-target');
url=$(this.attr('href');
返回$(目标).load(url);
});

您好,感谢您共享此资源。我正在使用相同的技术,但我似乎无法使我的模式自动调整到远程页面的大小。目前没有查看引导模式代码,但我相信您可以将宽度和高度设置为自动,或根据加载的内容按语法更改高度和宽度,只要您知道它是什么。如果不是动态的,谢谢!这有我想要的一切,包括可堆叠的模型、ajax加载和响应性布局。它还与引导兼容3@Smegger没问题!他们在资源页面上有相当好的资源。我在日常项目中使用一把
<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);
});