jQuery的效果不工作在Internet Explorer

Question

<script type="text/javascript" src="css/jquery-1.7.1.js"></script> 


<script type="text/javascript"> 


function slidedown(id){ 

$('#rerooftext').hide(0); 
$('#inspectiontext').hide(0); 
$('#remodelingtext').hide(0); 
$('#restorationstext').hide(0); 
$('#commtext').hide(0); 
$('#painttext').hide(0); 

setTimeout(300); 
$('#'+id.id+'text').fadeToggle(1000); 

}; 
</script> 

在這裏我有一個函數，隱藏幾個包含文本的div，然後使用jquery函數顯示點擊鏈接的div。這段代碼在chrome中效果很好，但是IE瀏覽器並沒有執行動畫，當我點擊鏈接時，它隱藏了當前div的reroof，但未能顯示新的div，代碼是$（'＃'+ id.id + '文本'）fadeToggle（1000）。

任何想法，爲什麼會發生這種情況？

Answer 1

這是因爲您的代碼中存在一個錯誤setTimeout(300);，因爲直到您執行淡入淡出動畫時才執行該操作。

setTimeout需要2個參數。首先是函數指針或包含要執行的代碼的字符串，第二個參數是以毫秒爲單位的指定函數或代碼執行的時間。

評論該行，因爲它是無用的，嘗試它會工作。如果你想延遲一段時間的動畫，你可以看看jQuery delay。

function slidedown(id){ 

    $('#rerooftext').hide(0); 
    $('#inspectiontext').hide(0); 
    $('#remodelingtext').hide(0); 
    $('#restorationstext').hide(0); 
    $('#commtext').hide(0); 
    $('#painttext').hide(0); 

    //setTimeout(300); 

    $('#'+id.id+'text').fadeToggle(1000); 

};