造型Fancybox 2 AJAX

时间:2014-05-05 11:30:55

标签: css ajax iframe twitter-bootstrap-3 fancybox

我有2个文件:index.htm和inner.htm

我想使用Fancybox 2从index.htm里面的inner.htm加载特定的div。所以我决定使用AJAX,但问题是AJAX继承的父CSS。我想inner.htm使用自己的CSS。

当我使用iFrame时效果很好但是使用iFrame我无法加载特定的DIV。

请参阅以下我的观点:

使用AJAX - 我可以从inner.htm加载特定的div - 但是它使用父css而不是它自己的css

使用iFrame - 除了整个inner.htm页面,我无法加载特定的div - 但它使用自己的css而不是我预期的父css

任何帮助将不胜感激!谢谢!

  

在这里要清楚,我正在使用bootstrap,我的意思是“inner.htm   应该使用自己的CSS“它应该加载自己的bootstrap.css所以   它将缩小到模态框。我现在拥有的是它   继承了父级的bootstrap.css而没有收缩到模态框   (出现水平滚动条)。

     

所以我想在模态框中加载inner.htm来加载它的col-md-4而不是父类   COL-MD-4。希望现在很清楚。非常感谢! :)

1 个答案:

答案 0 :(得分:0)

将其css添加到父css,以便加载那个

查看您的代码并添加由fancybox弹出窗口使用的类,如

.fancybox-iframe .your-div{}

我希望这会有用