Question

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

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

如何让typed函数等到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

演示：Fiddle

JQuery等到ToggleClass函数完成

1 个答案: