为什么此功能不适用于 ie 7 ,8（延迟和淡入淡出）？

Question

为什么这个功能在 ie 7 ,8 (delay and fadein) 上不起作用？

在其他浏览器上有延迟和淡入效果。

但在即所有元素同时显示（不是延迟和淡入淡出）。

http://jsfiddle.net/7u8qmdoo/2/

<script>
$(document).ready(function()
{    
    var i = 0;
    (function fadeInNext()
    {        
        $("#num" + i).fadeTo(1000,1);
        console.log("Fading in " + i);
        i++;
        if (i < 8)
        {
            setTimeout(fadeInNext, 2000);
        }
    })();
});
</script>

Answer 1

您可以在基本的for 循环中使用delay 更简单地执行此操作，但您还需要使用fadeIn 而不是fadeTo，因为IE7 不处理fadeTo 的不透明动画：

JSFiddle：http://jsfiddle.net/TrueBlueAussie/7u8qmdoo/6/

$(document).ready(function()
{    
    for (var i = 0; i < 8; i++){
        $("#num" + i).delay(i * 2000).fadeIn(1000);
    }
});

这与：

$("#num0").delay(0).fadeIn(1000,1);
$("#num1").delay(2000).fadeIn(1000,1);
$("#num2").delay(4000).fadeIn(1000,1);

等