jQuery绑定到css3转换发生答案

【问题标题】：jQuery bind to css3 transition occuringjQuery绑定到css3转换发生
【发布时间】：2012-02-28 15:33:15
【问题描述】：

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

这可能吗？我没有发现 transitionStart、transitionAnimation 或任何其他可以让我检测到过渡发生的时间、开始时间或时间的东西。

我更喜欢 jQuery 的绑定，但其他方法也可以。这也需要在 FF、Chrome、Safari 和 Opera 中工作。谢谢各位！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

我假设您要添加一个 css 类来处理页面加载或某种类型的事件（鼠标悬停、单击、鼠标输入等）的转换。使用它作为并行 javascript 函数的开始。然后使用 transitionEnd 停止它。要使其与多种浏览器兼容，您可能需要阅读

希望有帮助

【讨论】：