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;