jQuery - 如何 "reset".css() 旋转图标？

Question

我有一个图标，单击时会旋转。

我想“重置”它(无需刷新页面)，这样它就会在每次点击时旋转。

$('#icon').click(function(){
    $(this).css('transform','rotate(360deg)');
});

示例如下:http://jsfiddle.net/tDvD9/1/

谢谢!

Answer 1

这是一种简单的方法:

var r = 0;
$('#icon').click(function(){
    $(this).css('transform','rotate(' + (r += 360) + 'deg)');
});

这样，您的“变换”属性就会在每次点击时发生变化(直到有人点击 1 亿次左右)。