我试图让一个简单的图像在点击时旋转。这将适用于多个图像,因此我需要$(this)
在 jQuery 中使用标签。我已经尝试过了,但没有奏效:
$('.image').click(function(){
$(this).rotate(180);
});
演示http://jsfiddle.net/v6xtG/1/
我不想添加 CSS3 类,因为我需要 IE8 支持
我试图让一个简单的图像在点击时旋转。这将适用于多个图像,因此我需要$(this)
在 jQuery 中使用标签。我已经尝试过了,但没有奏效:
$('.image').click(function(){
$(this).rotate(180);
});
演示http://jsfiddle.net/v6xtG/1/
我不想添加 CSS3 类,因为我需要 IE8 支持
使用 jqueryrotate.js http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js
jQuery
$('.image').click(function(){
$(this).rotate(180);
});
jsfiddle http://jsfiddle.net/9FMks/
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
应用jQueryRotate.js的引用或在您的代码中使用此脚本:
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
利用transform:rotate(180deg)
$('.image').click(function(){
$(this).css("transform","rotate(180deg)");
});