webkitTransitionEnd not firing

webkitTransitionEnd not firing

本文关键字：firing not webkitTransitionEnd      更新时间：2023-09-26

我不确定到底发生了什么，但我很确定这是工作在一个点。

事件没有触发(或者我没有正确捕获)

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/

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

看到固定的例子在这里(在Chrome或Safari): http://jsfiddle.net/jfriend00/75Mh2/我已经添加:

-webkit-transition: -webkit-transform 3s;
相关文章：