Question

我在Jquery旋转插件中用于旋转图片并保存它的新旋转角度。当有人重新开始旋转这张照片时，我想以相同的角度重新开始，但是旋转会停在它的原始点，并且不会像旋转它一样循环。

向你求助：）

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

这是working example。

以角度重新启动旋转

1 个答案: