33 lines
875 B
JavaScript
33 lines
875 B
JavaScript
/**
|
|
CSS transitions are a PITA, often we need to queue some js after a transition, this helper ensures
|
|
it happens after the transition.
|
|
|
|
SO: http://stackoverflow.com/questions/9943435/css3-animation-end-techniques
|
|
**/
|
|
var dummy = document.createElement("div"),
|
|
eventNameHash = {
|
|
webkit: "webkitTransitionEnd",
|
|
Moz: "transitionend",
|
|
O: "oTransitionEnd",
|
|
ms: "MSTransitionEnd"
|
|
};
|
|
|
|
var transitionEnd = (function() {
|
|
var retValue;
|
|
retValue = "transitionend";
|
|
Object.keys(eventNameHash).some(function(vendor) {
|
|
if (vendor + "TransitionProperty" in dummy.style) {
|
|
retValue = eventNameHash[vendor];
|
|
return true;
|
|
}
|
|
});
|
|
return retValue;
|
|
})();
|
|
|
|
export default function(element, callback) {
|
|
return $(element).on(transitionEnd, event => {
|
|
if (event.target !== event.currentTarget) return;
|
|
return callback(event);
|
|
});
|
|
}
|