为什么这个功能不能用于7,8(延迟和淡化)?

时间:2014-10-07 13:32:40

标签: javascript jquery html css internet-explorer

为什么这个功能不起作用,即7,8(延迟和淡化)?

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

但是,即所有元素同时显示(不是延迟和淡化)。

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>

1 个答案:

答案 0 :(得分:3)

您可以在基本delay循环中使用for更简单地执行此操作,但您还需要使用fadeIn代替fadeTo作为{{1的不透明度动画IE7不处理:

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

fadeTo

这与:

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