fadeout后jquery延迟

我正在淡入淡出3个div。淡入淡出效果很好，除了div淡出之后发生延迟。验证码：fadeout后jquery延迟

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，它是文本后滑块。

来源

2014-03-06 Samia Ruponti

我创建了一个基于你的网站一个简单的小提琴，但它似乎是工作。 http://jsfiddle.net/d4xbN/1/你可以发布任何你有幻灯片的CSS吗？ – Mathias

延迟不适用于动画 – sbaaaang

@sbaaaang - 如果不是动画，它会如何处理？ – adeneo

改变这样

runslide(); 

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

DEMO

来源

2014-03-06 19:35:15

是的，消除所有的延误将解决这个问题，我只是不认为这是在这里之后的OP。 – adeneo

@adeneo我也没有关于他脑海中的确切想法。让他检查这个.. :) –

对不起，我迟到了！我希望幻灯片在淡出之前保持一段时间。恰恰相反的事情正在发生。当前幻灯片淡出，该地方保持空白，然后出现另一个幻灯片。希望有所帮助。 –

延迟代码似乎是工作的罚款。你确实有一个缺少分号，但我不认为这是问题。我不确定您的网站上存在什么问题。我试过用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(); 
      }); 
     }); 
    }); 
}

来源

2014-03-06 20:31:40

fadeout后jquery延迟

回答

相关问题