0

次の例ではアニメーションを繰り返すことができません ( jQuery Transitを使用)

$("#rotateDiv2").button().click(function() {
    $('#second').transition({
        perspective: '100px',
        easing: 'snap',
        duration: '3000ms',
        rotate3d: '1, 1, 0, 360deg'
    });
});

それは機能しますが、一度だけ機能します（もちろんボタンをクリックしたとき）。2回目は何もしないでクリックします。サンクス!!

4

1 に答える 1

3

コールバックで CSS 変換プロパティをリセットできます。

http://jsfiddle.net/zA2ZQ/2/

$("#rotateDiv2").button().click(function() {
    $('#second').transition({
        perspective: '100px',
        easing: 'snap',
        duration: '3000ms',
        rotate3d: '1, 1, 0, 360deg'
    }, function(){
      //reset the transform property
      $(this).css('transform', '');
    });
});​
于 2012-07-20T13:17:25.847 に答える