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
希望有所帮助
- 如何删除/切换元素上的hover类(在单击时翻译)而不必再次移动鼠标?
- CSS3替换jQuery.fadeIn和fadeOut
- 当使用CSS过渡/动画/等时,如果用户浏览器不执行css动画,那么回退到jquery的最佳方法是什么?
- CSS3 Transition突出显示在JQuery中创建的新元素
- 浏览器有时会在CSS3转换期间忽略jQuery单击事件
- 涉及“white-space:nowrap”的高度转换:可能用更少的Javascript?
- translate3d()导致jQueryhover/单击事件无法正确触发
- 3D转换(translate3D)似乎导致移动设备上缓慢的jQuery动画
- CSS3使用toggleClass进行转换