在click上旋转'this'图像 - jQuery

Question

我正试图让一个简单的图像在点击时旋转。这将适用于多个图像，因此我需要在jQuery中使用$(this)标记。我试过这个，但它不起作用：

$('.image').click(function(){
    $(this).rotate(180);
});

DEMO http://jsfiddle.net/v6xtG/1/

我不想添加CSS3类，因为我需要IE8支持

Answer 1

你可能应该包含jqueryrotate插件，因为jquery没有开箱即用的旋转方法。

https://code.google.com/p/jqueryrotate/downloads/detail?name=jQueryRotate.js

Answer 2

使用transform:rotate(180deg)

$('.image').click(function(){
    $(this).css("transform","rotate(180deg)");
});

jsfiddle

Answer 3

使用jqueryrotate.js http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js

Jquery的

$('.image').click(function(){
$(this).rotate(180);
});

Jsfiddle http://jsfiddle.net/9FMks/

Answer 4

<强> Live Demo with multiple angles

应用 jQueryRotate.js 的引用或在代码中使用此脚本：

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>