1

正確に何が起こったのかはわかりませんが、ある時点でこれが機能していたことは確かです。

イベントが発生していない (または、適切にキャッチしていない)

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/

4

1 に答える 1

7

CSS でトランジションが指定されていないため、トランジションはまったく得られません。webkitTransitionEndイベントのない CSS を変更しているだけです。

ここで修正された例を参照してください (Chrome または Safari): http://jsfiddle.net/jfriend00/75Mh2/ここに追加しました:

-webkit-transition: -webkit-transform 3s;
于 2013-02-27T04:14:23.133 に答える