在jquery中旋转img。我的第一个img完全是旋转，但是第二个img从之前的img获取值而不是继续

Question

如果您将图像从上到下阻止..

并按下旋转按钮，图像将旋转并尝试为两个三个图像执行此操作，然后您将看到当前图像从前一个图像获取值而不是继续..

所以我希望图像具有单独的功能/不依赖于其他功能..

var value = 0    
 $(".rotate_img").rotate({    
    bind:    
 {    
click: function(){    
value +=45;    
$(ui.draggable).rotate({ animateTo:value})    
}    
}    
});

以下是jsfiddle的链接......

http://jsfiddle.net/qzgt4p5h/1/

Answer 1

您可以为每个图片添加自定义属性以保存其旋转度data-rot="0"，然后使用此更新旋转角度，如下所示：

$(".rotate_img").rotate({
              bind:
              {
                click: function(){
                   var value = parseInt($(ui.draggable).attr("data-rot"));
                    //console.log($(ui.draggable).attr("data-rot"));
                  value +=45;
                  $(ui.draggable).rotate({ animateTo:value});
                    $(ui.draggable).attr("data-rot",value);
                }
              }
            });

这是一个有效的fiddle。