Javascript 仅当前一个事件完全完成时才开始该事件？

在下面的函数中，我想要最后一个事件

$（'.bg contact'）.addClass（'activated'）在上一个事件完全完成时启动。到目前为止，一切都是同时发生的。我如何确保
.bg contact
仅在上面的所有事情发生后才激活
类

function contactFadeIn() {
    $('#contact').addClass('activated');
    $('#contact-info').removeClass('fadeOutUp').addClass('animated fadeInUp');
    $('.bg-contact').addClass('activated');
}

编辑

function contactFadeIn() {
    $('#contact').addClass('activated');
    $('#contact-info').removeClass('fadeOutUp').addClass('animated fadeInUp').on('transitionend webkitTransitionEnd oTransitionEnd', function () { 
        $('.bg-contact').addClass('activated');
    });;
}

在这里，您可能已经想到了css转换

如果是这样，那么使用
transitionEnd
事件来安排在转换完成时发生的事件。
您可能已经想到了css转换

如果是这样，那么使用
transitionEnd
事件来安排在转换完成时发生的事件。
您可能已经想到了css转换

如果是这样，那么使用
transitionEnd
事件来安排在转换完成时发生的事件。
您可能已经想到了css转换

如果是这样，那么使用
transitionEnd
事件来安排一个事件在转换完成时发生。
我也有类似的事情要做，下面的工作非常有效

//update quantity and animate
$(".quan").addClass("scaled").delay(200).queue(function() {
    $(this).removeClass("scaled");
    $(this).dequeue();
});`

我做了一些类似的事情，下面的工作很好

//update quantity and animate
$(".quan").addClass("scaled").delay(200).queue(function() {
    $(this).removeClass("scaled");
    $(this).dequeue();
});`

我做了一些类似的事情，下面的工作很好

//update quantity and animate
$(".quan").addClass("scaled").delay(200).queue(function() {
    $(this).removeClass("scaled");
    $(this).dequeue();
});`

我做了一些类似的事情，下面的工作很好

//update quantity and animate
$(".quan").addClass("scaled").delay(200).queue(function() {
    $(this).removeClass("scaled");
    $(this).dequeue();
});`

添加或删除一个类几乎是即时的——也就是说，它们没有回调。JQuery动画往往是可链接的，因此可以在动画结束时执行动作。@Jamiec:CSS转换可能是在这里考虑的。您有这些类的动画吗？如果是，请使用完整的动画持续时间更新。如果没有，我不明白你所说的完全完成。它将逐行运行，执行每个添加/删除类。@sixfingeredman我同意，但问题中没有任何指定。@Jamiec:类名称，如
fadeOutUp
&
fadeInUp
是很强的线索：）添加或删除类几乎是即时的，就像你将得到的一样-即，它们没有回调。JQuery动画往往是可链接的，因此可以在动画结束时执行动作。@Jamiec:CSS转换可能是在这里考虑的。您有这些类的动画吗？如果是，请使用完整的动画持续时间更新。如果没有，我不明白你所说的完全完成。它将逐行运行，执行每个添加/删除类。@sixfingeredman我同意，但问题中没有任何指定。@Jamiec:类名称，如
fadeOutUp
&
fadeInUp
是很强的线索：）添加或删除类几乎是即时的，就像你将得到的一样-即，它们没有回调。JQuery动画往往是可链接的，因此可以在动画结束时执行动作。@Jamiec:CSS转换可能是在这里考虑的。您有这些类的动画吗？如果是，请使用完整的动画持续时间更新。如果没有，我不明白你所说的完全完成。它将逐行运行，执行每个添加/删除类。@sixfingeredman我同意，但问题中没有任何指定。@Jamiec:类名称，如
fadeOutUp
&
fadeInUp
是很强的线索：）添加或删除类几乎是即时的，就像你将得到的一样-即，它们没有回调。JQuery动画往往是可链接的，因此可以在动画结束时执行动作。@Jamiec:CSS转换可能是在这里考虑的。您有这些类的动画吗？如果是，请使用完整的动画持续时间更新。如果没有，我不明白你所说的完全完成。它将逐行运行，执行每个添加/删除类。@sixfingeredman我同意，但问题中没有具体说明这一点。@Jamiec:类名称如
fadeOutUp
&
fadeInUp
是很好的线索：）这意味着您需要在两个位置（CSS和代码）保持持续时间。我想是这样的。。。在我的css中，我有一个0.1s的转换，因此对象的背景和大小会发生变化。Javascript所做的只是确保类发生更改，然后在删除之前添加延迟。但是我发现仅仅使用转换是不起作用的，因为Javascript改变类的速度太快了。这意味着你需要在两个地方维护持续时间（CSS和代码）。我想是这样的。。。在我的css中，我有一个0.1s的转换，因此对象的背景和大小会发生变化。Javascript所做的只是确保类发生更改，然后在删除之前添加延迟。但是我发现仅仅使用转换是不起作用的，因为Javascript改变类的速度太快了。这意味着你需要在两个地方维护持续时间（CSS和代码）。我想是这样的。。。在我的css中，我有一个0.1s的转换，因此对象的背景和大小会发生变化。Javascript所做的只是确保类发生更改，然后在删除之前添加延迟。但是我发现仅仅使用转换是不起作用的，因为Javascript改变类的速度太快了。这意味着你需要在两个地方维护持续时间（CSS和代码）。我想是这样的。。。在我的css中，我有一个0.1s的转换，因此对象的背景和大小会发生变化。Javascript所做的只是确保类发生更改，然后在删除之前添加延迟。但是我发现仅仅使用转换是不起作用的，因为Javascript改变类的速度太快了。我可以这样把它添加到第二行的末尾吗<代码>$（“#联系人信息”）.removeClass（'fadeOutUp'）.addClass（'animated fadeInUp'）.on（'transitionend WebKittTransitionEnd otTransitionEnd'，function（）{//my event handler}）？编辑：看起来我可以。：）@J82：通常情况下，您会绑定一次事件处理程序，以便每次ev启动时它都会运行