jQuery .delay()在Chrome中不起作用,但在IE中很好

时间:2012-11-22 09:01:57

标签: jquery delay

我正在制作一些东西,之后我注意到延迟功能在IE中工作正常,但在Chrome中没有做任何事情,我真的不知道为什么。这是非常基本的东西。所以在我开始将所有内容更改为setTimeout函数之前,我想征求意见。

非常感谢提前!

$(document).ready(function() {

    $("#start").width(0);
    $("#start").delay(1000).animate({
        width: '280px'
    }, 750);

    $("#info").delay(2500).fadeIn(5000);

    $("#in").delay(1250).fadeIn(1000);
    $("#plusmin").fadeIn(2000);

    $('#arrow').delay(2000).fadeIn(4000);
});​

2 个答案:

答案 0 :(得分:1)

示例:http://jsfiddle.net/xwVF6/

在我的Chrome V23中正常使用。

确保您没有多个相同的ID,并使用较新的jquery版本(较新的1.3,即添加延迟时)。

否则请提供一些HTML; - )

如果您正在制作依赖动画,那么

SetTimeout()可能会更好(显示A,然后在A等后0.5秒显示B)。

答案 1 :(得分:1)

创建了一个样本。它在Chrome中运行良好

#start {background-color:#000;height:100px;}
#info {background-color:red;height:100px;display:none}
#in {background-color:green;height:100px;display:none}
#plusmin {background-color:yellow;height:100px;display:none}
#arrow {background-color:blue;height:100px;display:none}​

Sample