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;

webkitTransitionEnd没有开火

1 个答案: