jQuery绑定到css3转换发生

Question

到目前为止，在我的研究中，我发现的唯一的css3过渡事件是transitionEnd。 我想要做的是将一个javascript函数绑定到一个元素，以便在转换发生时不断重新触发。 想想$（window）.resize但是对于使用css3过渡调整大小的元素。

这可能吗？ 我没有找到transitionStart，transitionAnimation或任何其他允许我检测，转换开始或转换发生的时间。

我更喜欢jQuery的绑定，但其他方法也可以。 此外，这需要在FF，Chrome，Safari和Opera中使用。 谢谢大家！

Answer 1

与CSS3过渡相关的唯一事件是transitionend [1]。

[1] http://www.w3.org/TR/css3-transitions/#transition-events-

Answer 2

没有其他CSS过渡事件： http ： //dev.w3.org/csswg/css3-transitions/#transition-events-

我假设您正在添加一个CSS类，该类在页面加载或某种类型的事件（鼠标悬停，单击，mouseenter等）上处理过渡。 使用它作为并行javascript函数的开始。 然后使用transitionEnd来阻止它。 要使其与您可能想要阅读的多个浏览器兼容

https://developer.mozilla.org/en/CSS/CSS_transitions

希望有所帮助