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)');
});

请参阅下面的 fiddle 。框完成转换后，应弹出警报，但警报未显示。

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

Answer 1

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

请在此处查看固定示例(在 Chrome 或 Safari 中):http://jsfiddle.net/jfriend00/75Mh2/我添加的地方:

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