JQuery - IE6 - 如何同時淡入淡出和淡入淡出？

我有位置的絕對股利的序列，說JQuery - IE6 - 如何同時淡入淡出和淡入淡出？

<div>...</div> 
<div style="display:none">...</div> 
<div style="display:none">...</div> 
<div style="display:none">...</div>

我寫了使用jQuery

currentDiv.fadeOut('slow'); 
nextDiv.fadeIn('slow');

它完全在FF /鉻/ Safari/IE7/IE8只需簡單的滑動代碼，但不在IE6中。我發現在IE6中，fadeout和fadeIn不會像其他瀏覽器一樣同時發生，fadeIn總是在fadeOut完成後開始。有任何想法嗎？

來源

2010-01-13 Edward

請不要爲Internet Explorer 6開發。開發人員**必須**強制用戶使用** working ** Web瀏覽器。 – 2010-01-13 09:27:05

@Alan - 世界上的開發人員偏好遠遠不止於此。政治有更大的影響... – cjk 2010-01-13 09:39:29

@Alan。我爲擁有500多名使用IE6的員工的組織工作，因爲這是公司提供的全部內容，所以必須爲此進行開發。你能否建議「迫使」整個公司改變的最佳方式？ @Relax正在徹底，應該正確地讓他的代碼在IE6上工作。統計數據顯示，很多人仍在使用這個瀏覽器。 – 2010-01-13 09:50:22

我剛試過了這個例子並同時具有淡入淡出，並在工作的同時IE6：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
       "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 

    <script> 
    $(document).ready(function(){ 

     $(document.body).click(function() { 
     $("div#one").fadeOut("slow"); 
     $("div#two").fadeIn("slow"); 

     }); 

    }); 
</script> 
<style> 
    span { color:red; cursor:pointer; } 
    div { margin:3px; width:80px; display:none; 
    height:80px; float:left; } 
    div#one { background:#f00; display:block;} 
    div#two { background:#0f0; } 
    div#three { background:#00f; } 
</style> 
</head> 
<body> 
<span>Click here...</span> 
<div id="one"></div> 
<div id="two"></div> 
<div id="three"></div> 
</body> 
</html>

我從修改的例子：http://docs.jquery.com/Effects/animate#paramsoptions

我注意到在那之前設置風格顯示爲沒有在實際的div而不是在CSS文件或通過jQuery有時會導致問題。試着給每個div一個displaynone類，而不是設置他們的樣式標籤。希望這會有所幫助，祝你好運！

來源

2010-01-13 18:42:28