我正在尝试翻译一个p
标签并在过渡结束后,通过 Jquery one() 函数将字体大小增加 6,但它在 google-chrome 中工作 2 倍
css
p {
background: red;
-webkit-transition: transform 1s; /* For Safari 3.1 to 6.0 */
transition: transform 1s;
}
完整样本位于http://jsfiddle.net/7bdkr1yd/ http://jsfiddle.net/7bdkr1yd/
这是因为 Chrome 会同时触发webkitTransitionEnd
and transitionend
前面的答案提到的事件。然而,删除webkitTransitionEnd
将导致回调不会在 Safari 中触发。为了让它在所有浏览器中一致地工作,您可以简单地在回调函数中使用布尔检查。
var fired = false;
$( "p" ).one( "webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", function( event ) {
if ( !fired ) {
fired = true;
// do your stuff here
}
});
Source https://developer.mozilla.org/en-US/docs/Web/Events/transitionend和工作JSFiddle http://jsfiddle.net/7bdkr1yd/2/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)