0

我试图让一个简单的图像在点击时旋转。这将适用于多个图像,因此我需要$(this)在 jQuery 中使用标签。我已经尝试过了,但没有奏效:

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

演示http://jsfiddle.net/v6xtG/1/

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

4

4 回答 4

0

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

jQuery

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

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

于 2013-10-22T13:57:04.073 回答
0

you probably should include the jqueryrotate plugin, as jquery doesn't have a method called rotate out of the box.

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

于 2013-10-22T13:47:19.717 回答
0

多角度现场演示

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

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
于 2013-10-22T13:58:10.973 回答
0

利用transform:rotate(180deg)

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

jsfiddle

于 2013-10-22T13:52:45.853 回答