2016-08-16 7 views
0

У меня есть одна проблема в моем плагине для jQuery. Он добавляет классы анимации и что-то меняет в элементе DOM и содержит интервал.Удалить задержки с моего плагина jQuery

Чтобы хорошо работать, он должен быть идеальным соединением во времени с анимацией css. Это похоже на это.

(function($) { 
 $.fn.foo = function() { 
    //add class to element, now it's animating! 
    //do something 

    setInterval(fooBar(),time); 

} 

})(jQuery); 

Иногда, может видеть задержку, особенно на мобильных устройствах. Как я могу удалить задержки, отстает от этого? setInterval и анимация имеют одинаковую продолжительность, и они должны начинаться и заканчиваться одновременно. Любое решение?

+0

Пожалуйста, покажите CSS, который выполняет анимацию (ы). – trincot

+0

Ваш 'setInterval' ошибочен. Первый аргумент должен быть ссылкой на функцию, а не на вызов функции (если 'fooBar()' не возвращает функцию). – Barmar

+0

Я все еще нуб;) Спасибо за совет –

ответ

1

Используйте событие animationend.

$.fn.foo = function() { 
    // add class to element, now it's animating 
    $(this).on("animationend", fooBar); 
} 

Это событие запускается автоматически при завершении анимации CSS.

Смежные вопросы