jquery - 重新开始旋转角度

Question

我正在使用 Jquery Rotate Plugin 来旋转图片并保存它的新旋转角度。当有人重新开始旋转这张图片时，我想以相同的角度重新开始，但旋转停止在它的原点，并且不会像我旋转它一样循环。

谢谢你的帮助:)

var anglestop = 0;
$('.rotate').click(function() {
    var rotation = function (){

    $('#image').rotate({
      angle:anglestop,           
      animateTo:360, 
      duration: 3000,
      callback: rotation,
      easing: function (x,t,b,c,d){
        return c*(t/d)+b;       
    },
      bind: {
        click: function(){
          $(this).stopRotate();
          anglestop=$(this).getRotateAngle();
      }}
     });
  }

  rotation();  
});

Answer 1

看一下这个：

var anglestop = 0;
var rotating = false;

function toggleRotate(event) {
    if (event && event.type == "click") {
        if (rotating) {
            $(this).stopRotate();
            anglestop = $(this).getRotateAngle();
            rotating = false;
            return;
        }
    } else {
        anglestop = 0;
    }        

    $(this).rotate({
      angle:anglestop,           
      animateTo:360,
      duration: 3000 * (360 - anglestop) / 360,
      easing: function (x,t,b,c,d){
        return c*(t/d)+b;       
      },
      callback: toggleRotate
    });
    rotating = true;
}

$("#image").click(toggleRotate);

这是工作示例。