Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery与类的旋转_Javascript_Jquery_Html_Class_Rotation - Fatal编程技术网

Javascript jQuery与类的旋转

Javascript jQuery与类的旋转,javascript,jquery,html,class,rotation,Javascript,Jquery,Html,Class,Rotation,我有两个div,每组一节课。这两个div在我的网站上都出现过好几次。如下所示: <div class="player"><div class="theplayer"></div></div> 非常感谢大家的帮助 您希望新的div从何处旋转?您正在设置初始角度旋转,这应该是其他的吗?当我单击div时,我希望它们从当前角度开始+35。目前,它们与上次单击的div的位置相差+35。 var rotation = 0; jQuery.fn.rotate

我有两个div,每组一节课。这两个div在我的网站上都出现过好几次。如下所示:

<div class="player"><div class="theplayer"></div></div>

非常感谢大家的帮助

您希望新的div从何处旋转?您正在设置初始角度旋转,这应该是其他的吗?当我单击div时,我希望它们从当前角度开始+35。目前,它们与上次单击的div的位置相差+35。
var rotation = 0;

jQuery.fn.rotate = function(degrees) {
    $(this).css({'-webkit-transform' : 'rotate('+ degrees +'deg)',
                 '-moz-transform' : 'rotate('+ degrees +'deg)',
                 '-ms-transform' : 'rotate('+ degrees +'deg)',
                 'transform' : 'rotate('+ degrees +'deg)'});
    return $(this);
};

$(".theplayer").click(function() {;

    rotation += 35;
     $(this).rotate(rotation);
});