JQuery等到ToggleClass函数完成

Question

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

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

如何使类型化函数等到toggleClass完成？

Answer 1

您可以等待animationend事件

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

或者如果您正在使用转换,则使用transitionend

演示:小提琴