webkitTransitionEnd 没有触发答案

【问题标题】：webkitTransitionEnd not firingwebkitTransitionEnd 没有触发
【发布时间】：2013-02-27 12:16:14
【问题描述】：

我不确定到底发生了什么，但我很确定这在某一时刻有效。

事件只是没有触发（或者我没有正确捕捉它）

var $zoomBox = $('#zoomBox');
$zoomBox.bind('webkitTransitionEnd', function(e) {
    alert("test");
});
$('.button').click(function (e) {
    $zoomBox.css('-webkit-transform', 'matrix(2,1,1,2,300, 100)');
});

见下面的小提琴。框完成过渡后，应该会弹出一个警报，但没有显示警报。

http://jsfiddle.net/cGwb4/1/

【问题讨论】：

我在jsfiddle.net/cGwb4/1 上检查过它工作正常。
不，你是真的没有警报，让我试试。
正如 jfreind00 所说，你必须给它一些过渡：jsfiddle.net/cGwb4/4

标签： javascript css webkit-transform

【解决方案1】：

CSS 中没有指定过渡，因此您根本没有获得过渡。您只是在更改没有 webkitTransitionEnd 事件的 CSS。

在此处查看固定示例（在 Chrome 或 Safari 中）：http://jsfiddle.net/jfriend00/75Mh2/ 我已添加：

-webkit-transition: -webkit-transform 3s;

【讨论】：

或者'-webkit-transform 0s'如果你想要和原始问题一样的视觉效果。
@jezternz - 不知道你为什么要将转换设置为 0。