jquery - 如何在 jQuery 中使用 Transitionend？

Question

我需要在允许函数再次重复之前检测 CSS 转换是否完成，以防止弄乱边距。

那么我怎么会有这样的东西

if (transitionend == true) {
  // do stuff
} else {
  // do nothing
}

Answer 1

下面的代码将触发 $element 变量中的任何元素的transitionend 事件。有四种不同的事件名称，因为我相信这些名称涵盖了所有跨浏览器的不一致问题。将“//your event handler”注释替换为您希望在事件触发时运行的任何代码。

$element.on('transitionend webkitTransitionEnd oTransitionEnd', function () {
    // your event handler
});