Jquery .click等到转换结束

Question

如果元素当前正在旋转，有没有人知道如何阻止.click函数工作。

$(".right").click(function(e) {

  angle1 = getRotationDegrees($('.circle'));//find current rotation angle
  newrot = angle1-90;//take 90 degrees from current rotation

  if($('.circle').is(':animated')) return;

  $('.circle').transition({ rotate: newrot+'deg',
    duration: 500  });   
});

Answer 1

当元素旋转时，您可以取消绑定事件：

$(".right").unbind( "click" );

如果元素完成旋转，则再次绑定click事件。

Answer 2

一个简单的解决方案是在再次执行转换之前检查是否currentAngle % 90 == 0。

我认为:animated无法解决问题的原因是因为transition (css)与jQuery animations不同，因此:animated不会由转换承载。