不能重複動畫 - jQuery的

我不能用下面的例子重複動畫（使用jQuery Transit）不能重複動畫 - jQuery的

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

它的工作，只是它的工作一次（當然點擊的按鈕時）。第二次點擊它什麼都不做。感謝名單！

來源

2012-07-20 Li3ro

可以重置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-20 13:17:25

它的工作原理，只是它重置屬性和它有點問題引起DIV是draggble和調整大小後，重置，它返回到起點。如果沒有其他解決方法，我應該保留最後一個屬性>重置>恢復attr？如何才能做到這一點？ – Li3ro 2012-07-20 13:28:14

只是重置transform屬性似乎這樣做（更新答案） – 2012-07-20 15:21:25

不能重複動畫 - jQuery的

回答

相關問題