Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как удалить дом элемент только после завершения css анимации? (https://javascript.ru/forum/misc/78362-kak-udalit-dom-ehlement-tolko-posle-zaversheniya-css-animacii.html)

Piterom 02.09.2019 07:49

Как удалить дом элемент только после завершения css анимации?
 
Ребята всем привет и отличной осени).

Нужна ваша помощь -- Возникла проблема с порядком выполнением кода. Есть некий css класс который добавляется к элементу по клику и создает анимацию. Мне нужно сделать так чтобы после завершения анимации элемент дом удалился. А не сразу же.

elem.classList.add('bar');
elem.css.display = 'none';

Как это правильно сделать на чистом JS?

Или может проще на JQ? Пробовал на jQuery и самый понятный для меня вариант это использовать метод animate и после анимации в callback добавить функцию по удалению элемента. Но есть один большой минус -- animate не поддерживает такие стили как transform. А у меня все на нем и построено.

Буду рад любым вариантам решения.

Белый шум 02.09.2019 08:45

Есть событие animationend - https://getinstance.info/articles/ja...vent-handlers/

https://www.w3.org/TR/css-animations...animationevent


Часовой пояс GMT +3, время: 12:00.