jquery - jQuery旋转图片(使用rotate插件)每次点击旋转+/- 90度

我正在使用这个jQuery插件：http://code.google.com/p/jqueryrotate/wiki/Documentation

我可以使用该插件，并且一切正常，但是我想要做的就是单击一个按钮旋转图像，并且每次单击该按钮时，它都会连续旋转+/- 90度，而不仅仅是旋转一定程度。我不太确定如何使用此插件来完成此任务。

理想情况下，下面的代码可以执行我想要的操作，尽管不是。

$("body").on("click", ".theater-wrapper img", function(){

    $(".theater-wrapper .current").rotate(+90);

});

最佳答案

像这样吗

$("body").on("click", ".theater-wrapper img", function(){

    $(".theater-wrapper .current").rotate(getNextAngle());

});

nextAngle = 0;
function getNextAngle() {
    nextAngle += 90;
    if(nextAngle >= 360) {
        nextAngle = 0;
    }
    return nextAngle;
}

可能没什么大不了的，但是为了避免得到很大的数字，您可以在需要时将值重置为0。