Question

我无法使用以下示例（使用jQuery Transit）

重复动画

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

它确实有效，只有它工作一次（当然点击按钮时）。我第二次点击它什么都不做。感谢名单!!

Answer 1

您可以在回调中重置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', '');
    });
});

无法重复动画 - jQuery

1 个答案: