2011-03-21 85 views
0

我使用$.load()將內容加載到一系列div中,並且它在Firefox和Chrome中正常工作。在IE7中,頁面在加載內容後不會重新繪製,因此大部分內容都會被裁剪。我已經閱讀了一些相關的帖子,但沒有一篇包含我的修復。 JS的,稍作簡化:IE7不擴展div以適應ajax加載的內容

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

加載的頁面是ColdFusion的模板和它們所包含的標記沒有什麼奇怪它(網頁本身具有過渡性的doctype)。與佔位符的div的HTML:

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

CSS,唸叨了幾個可能的修正後增加:

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

我試過用load,並使用$.get()innerHTML,而不是之前改變CSS,沒有任何幫助。有任何想法嗎?助教。

回答

0

我的一個朋友終於找到了答案 - jQuery在IE 6和7中插入了一個樣式,在某個容器div的某個容器div上設置了一個固定的寬度。重寫那個解決了這個問題。

相關問題