淡出后jquery延迟发生

时间:2014-03-06 19:29:02

标签: javascript jquery jquery-animate

我正在淡入淡出3个div。除了延迟在div消失之后发生时,fadein和out工作得很好。代码:

runslide();

function runslide() {
    $('.expect').fadeIn(1500).delay(7500).fadeOut(2000, function () {
        $('.marketing').fadeIn(1500).delay(7500).fadeOut(2000, function () {
            $('.consider').fadeIn(1500).delay(7500).fadeOut(1000, function () {
                runslide();
            });
        })
    });
}

这是我正在处理的文件:http://goo.gl/8xt1XZ,它是文本后面的滑块。

2 个答案:

答案 0 :(得分:0)

像这样更改代码

runslide();

function runslide() {
$('.expect').fadeIn(1500).fadeOut(2000, function() {
$('.marketing').fadeIn(1500).fadeOut(2000, function() {
    $('.consider').fadeIn(1500).fadeOut(1000, function(){
    runslide();
});
})
});
}

DEMO

答案 1 :(得分:0)

延迟似乎工作正常。你确实有一个缺少分号,但我不认为这是问题所在。我不确定您网站上的问题是什么。我尝试使用jQuery版本1和2,两者似乎都运行正常。

http://jsfiddle.net/csrow/5t4rL/2/

$('.expect').hide();
$('.marketing').hide();
$('.consider').hide();
runslide();

function runslide() {
    $('.expect').fadeIn(1500).delay(7500).fadeOut(2000, function () {
        $('.marketing').fadeIn(1500).delay(7500).fadeOut(2000, function () {
            $('.consider').fadeIn(1500).delay(7500).fadeOut(1000, function () {
                runslide();
            });
        });
    });
}