jQuery绑定到css3转换发生

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

这可能吗? 我发现没有transitionStart,transitionAnimation或任何其他可以让我检测,转换开始或转换发生的时间。

我更喜欢jQuery的绑定,但其他方法都很好。 此外,这需要在FF,Chrome,Safari和Opera中使用。 谢谢大家!

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

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

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

我假设您正在添加一个css类,它在页面加载或某种类型的事件(鼠标hover,单击,鼠标中心等)上处理转换。 使用它作为并行javascript函数的开始。 然后使用transitionEnd来阻止它。 要使其与您可能想要阅读的多个浏览器兼容

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

希望有所帮助