javascript - webkitTransitionEnd 没有触发

Question

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

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

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/

Answer 1

CSS 中没有指定过渡，所以你根本没有得到过渡。您只是在更改没有webkitTransitionEnd事件的 CSS。

请参阅此处的固定示例（在 Chrome 或 Safari 中）：http: //jsfiddle.net/jfriend00/75Mh2/我在其中添加了：

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