我正在尝试做一个简单的 jQuery 扩展,以便稍后通过 $("element").rotate(arbitraryNumber);
实现图像旋转。
据我了解,这是使用 jquery 设置转换属性的正确方法。我觉得我忘记了一些明显的东西..
jQuery.fn.rotate=function(deg){
this.css({'transform': 'rotate('+deg+'deg)'});
this.css({'-ms-transform': 'rotate('+deg+'deg)'});
this.css({'-moz-transform': 'rotate('+deg+'deg)'});
this.css({'-o-transform': 'rotate('+deg+'deg)'});
this.css({'-webkit-transform': 'rotate('+deg+'deg)'});
return this;
};
编辑:代码减少
jQuery.fn.rotate=
function(deg){
$(this).css({ 'transform': 'rotate('+deg+'deg)','-ms-transform': 'rotate('+deg+'deg)', '-moz-transform': 'rotate('+deg+'deg)',
'-o-transform': 'rotate('+deg+'deg)', '-webkit-transform': 'rotate('+deg+'deg)' });
return this;
};
进一步编辑 对不起,我的错误,调用中有进一步的错字。
最佳答案
(function( $ ){
$.fn.rotate = function(deg) {
this.css({'transform': 'rotate('+deg+'deg)'});
this.css({'-ms-transform': 'rotate('+deg+'deg)'});
this.css({'-moz-transform': 'rotate('+deg+'deg)'});
this.css({'-o-transform': 'rotate('+deg+'deg)'});
this.css({'-webkit-transform': 'rotate('+deg+'deg)'});
return this;
};
})( jQuery );
//example
$(document).ready(function(){
$('#sample').rotate(60);
});
关于javascript - 如何向 jQuery 添加元素旋转?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7356310/