javascript - 如何向 jQuery 添加元素旋转？

Question

我正在尝试做一个简单的 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;
             };

进一步编辑 对不起，我的错误，调用中有进一步的错字。

Answer 1

(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);
});