2014-03-06 209 views
2

自從升級到IE11後,我注意到jQuery fadeIn和fadeOut方法不能按預期工作。它在IE10中工作正常。有沒有人有任何想法,爲什麼這可能是?jQuery fadeIn和fadeOut在IE11中不工作

我使用的代碼是:

if($subHeader.next('.midContent').is(':visible')) { 
    $subHeader.next('.midContent').fadeOut('slow').attr('aria-hidden', true); 
    $subHeader.find('.sectionType').addClass('closed'); 
} 
else { 
    $subHeader.next('.midContent').fadeIn('slow').attr('aria-hidden', false); 
    $subHeader.find('.sectionType').removeClass('closed'); 
} 
+0

試試這個'$ subHeader.next( 'midContent。 ')淡出(400).attr(' 詠歎調隱藏',真);' – Amit

+0

恐怕沒有。工作。它確實隱藏了相關的div,但不會褪色。 – pdp2

+0

試試這個'$ subHeader.next('。midContent')。fadeOut(200).attr('aria-hidden',true);'獲取更多信息 - http://api.jquery.com/fadeout/ – Amit

回答

2

確保.fadeIn和.fadeOut功能被應用到<TD>而不是<TR>元素,因爲顯然IE不支持元素的不透明度,但在td上做。這是我的問題。當我創建一個名爲.hidden的類並將其定義爲display:none並將該類添加到每個td時,那麼我可以淡化該行中的td元素。

參見:Why can't I fade out this table row in IE using jQuery?