1

我在IE7中遇到jQuery Accordion Control的問題。jQuery的IE7問題Accordion和背景顏色

手風琴很好地工作,直到我添加一個背景顏色樣式到包含元素。

有沒有人有IE7仍然可以找出爲什麼這是一個問題?

我創建了一個的jsfiddle測試問題:
http://jsfiddle.net/SrQUM/10/

當我點擊頂部的手風琴動畫都搞砸了的一個。 當我點擊其中一個底部手風琴時,所有動畫都很好。 它基本上看起來像第二個h3沒有移動到正確的位置時,我展開其中一個元素。

(我爲每個部分使用手風琴,因爲我希望能夠一次擴展多個項目)。

回答

1

我能夠解決這個問題。我不喜歡這個解決方案,但它很有用,希望IE7的支持很快就會在這裏被淘汰。

問題是,手風琴之後的FIRST元素在手風琴展開時從未被推倒。整個解決方案的手風琴後,用0高度添加一個虛擬的div:

<div id="accordion"> 
    <h3><a href="#">Header</a></h3> 
    <div> 
     <p>Some Content</p> 
    </div> 
</div> 

<p>Some Content Here</p> 
<p>Some More Content</p> 

這第一款是從來沒有移動,但第二個了。所以我說這我的代碼:

<script type="text/javascript"> 
    $(function() { 
     $('#accordion').accordion().after('<div class="accordion-clear"></div>'); 
    }); 
</script> 

,包括風格:

.accordion-clear { height: 0px; clear: both; } 

這似乎使一切工作正常。