Question

在下面的函数中，我希望上一个事件完成后，最后一个事件$('.bg-contact').addClass('activated');开始。截至目前，一切都在发生。如何才能确保.bg-contact只有在activated类已经发生之后才添加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');
    });;
}

修改

{{1}}

Answer 1

你可能在这里想到了css过渡。

如果是，请使用transitionEnd事件安排在转换完成时发生事件。

Answer 2

我有类似的事情，以下工作很棒......

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

仅在前一个事件完成后才开始活动？

2 个答案: