jQuery fadeOut＆amp;淡出没有正常工作

Question

我有以下代码：

$('#oldLoginProblem').fadeOut();
$('#newLoginProblem').fadeOut();
$('#newLoginProblem').fadeIn();

每次按下按钮都会运行。

一开始，它看起来像这样：

foobar

但是当我按下我的按钮并运行该代码时，它看起来像这样：

foobar

foobar2

第一个元素不会消失，它仍然存在。第二个元素只显示在下面，好像我有一个简单的.show（）。此外，不会以任何方式发生褪色。我该如何解决这个问题？

Answer 1

如果你想让你的动画按顺序发生，你需要使用回调来触发它们（否则它们会立刻触发并看起来像一团糟）：

$('#oldLoginProblem').fadeOut('slow', function(){
    $('#newLoginProblem').fadeOut('slow', function(){
        $('#newLoginProblem').fadeIn('slow');
    });
});

看起来你的标记中某处可能有一个坏ID（因为第一段内容没有淡出）但是如果没有你的标记示例则无法判断。