等到JQuery的ToggleClass函数完成

JQuery wait until ToggleClass function completed

本文关键字：函数 ToggleClass JQuery 等到      更新时间：2023-09-26

我使用ToggleClass从css触发动画，需要在动画结束后调用一个函数。我正在调用type .js库中的一个函数。

 $('.anim').toggleClass('slide-down');
      $(".sentence").typed({
        strings: ["first sentence", "Second sentence." ],
        typeSpeed: 45,
        backDelay: 500,
        callback: function(){}
});

我怎么能让类型函数等待直到toggleClass已经完成?

你可以等待animationend事件

$('.anim').toggleClass('slide-down').one('animationend', function () {
    $(".sentence").typed({
        strings: ["first sentence", "Second sentence."],
        typeSpeed: 45,
        backDelay: 500,
        callback: function () {}
    });
});

或者如果你正在使用过渡，那么使用transitionend

演示:小提琴

相关文章：