[jQuery] css transitionend (css애니메이션이 끝나면 메서드 호출하기) on redgoose note

[jQuery] css transitionend (css애니메이션이 끝나면 메서드 호출하기)

Nest: Development Category: Javascript 2014-03-13

css transition으로 애니메이션하게 되면 애니메이션 종료 이벤트가 꼭 필요한 상황이 많이 생긴다.
그래서 간편하게 jquery로 콜백함수를 만들 수 있다.

let events = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend';
$element.on(events, function(e) {
    console.log('Animation end');
});