延迟无效

Question

为什么这不起作用

$('#upload-title').css({ background: '#ffffff' }).delay(800).css({ background: '#00FF72' });

我想要我的#upload-title。白色0.5秒。谢谢你的帮助

Answer 1

delay方法会延迟效果队列中的内容，css不是效果方法。

您可以使用css方法将queue调用添加到队列中：

$('#upload-title').css({ background: '#ffffff' }).delay(500).queue(function(){
  $(this).css({ background: '#00FF72' });
});

演示：http://jsfiddle.net/Guffa/BxJ3Z/

Answer 2

.delay()使用动画，使用jquery。animate()代替http://api.jquery.com/animate/

Answer 3

您需要使用超时，延迟适用于动画：

$('#upload-title').css({
    background : '#eeeeff'
});
setTimeout(function() {
    $('#upload-title').css({
        background : '#00FF72'
    });
}, 800);

Answer 4

Jsfiddle

$(function() {
    setTimeout(
        function() {
            $('#upload-title').css({
                background: '#00FF72'
            });
        }, 500
    );
})