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);
});

这是原始demo

here's jfiddle

Answer 1

fadeIn和fadeOut不要将对象作为参数，所以我不确定为什么你有这些。您在.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.

FadeIn和fadeOut在下面的演示中

2 个答案: