javascript - 以下演示中的 FadeIn 和 fadeOut

Question

在尝试了几个选项后，我无法让文本淡入淡出。无论我尝试什么，整个动画都会冻结，即使添加这样的东西

$("#headertxt".fadeIn('slow').css({"display" : "block"});

或者

$("#headerimg" + currentContainer).fadeOut(function() {
setTimeout(function() {
$("#headertxt".fadeIn({"display" : "block"}); 
animating = false;
}, 500);
});

$("#headerimg" + currentContainer).fadeOut(function() {
setTimeout(function() {
$("#headertxt".fadeOut({"display" : "block"}); 
animating = false;
}, 5000);
});

这是原始演示

这是jfiddle

Answer 1

fadeIn 和 fadeOut 不将对象作为参数，所以我不确定你为什么有这些。您还缺少一个括号 before .fadeIn。

尝试这样的事情：

$("#headerimg" + currentContainer).fadeOut(function() {
    setTimeout(function() {
        $("#headertxt").fadeIn(); 
        animating = false;
    }, 500);
});

Answer 2

改变

$("#headertxt".fadeIn('slow').css({"display" : "block"}); //this will not work

到

$("#headertxt").fadeIn('slow', function(){
  $(this).css('display', 'block');
});
// apply css after animation.