IE7没有扩展div以适应ajax加载的内容

时间:2011-03-21 13:53:16

标签: jquery ajax internet-explorer

我正在使用$.load()将内容加载到一系列div中,并且它在firefox和chrome中运行良好。在IE7中,加载内容后页面不会重新绘制,因此大多数内容都会被裁剪。我已经阅读了一些相关的帖子,但没有一个包含我的修复。 js,略有简化:

$('#zoomedInLinks').load("links.cfm");
$('#zoomedInContent').load("content.cfm"); 

加载的页面是coldfusion模板,它们包含的标记没有什么奇怪之处(页面本身具有过渡文档类型)。带占位符div的html:

<div id="zoomedInLinks" class="hasContent"></div>
<div id="zoomedInContent" class="hasContent"></div>

css,在阅读了几个可能的修复后添加:

.hasContent {
  zoom: 1;
  height: auto;
  overflow: auto;
}

我尝试在使用load之前更改css,而使用$.get()innerHTML代替,但没有一个有用。有任何想法吗? TA

1 个答案:

答案 0 :(得分:0)

我的一个朋友终于找到了答案 - jQuery在IE 6和7中插入了一个样式,在其中一个容器div上设置了一个固定的宽度,因为某些原因。覆盖修复问题。