Question

我正在尝试使用jqueryrotate插件，只需用光标旋转给定的图像即可。有用但我的问题是当我使用2个具有相同ID类的图像时仅旋转第一张图像，如何使其单独工作

http://jsfiddle.nXt/8xwqdk71/

我将用于许多图像。

Answer 1

您不能拥有两个或多个具有相同id的对象/元素。修改代码以改为定位类。

<img src="https://www.google.com/images/srpr/logo3w.png" class="image">

var value = 0
$(".image").rotate({ 
   bind: 
     { 
        click: function(){
            value +=90;
            $(this).rotate({ animateTo:value})
        }
     } 
});

.image{
  margin:100px 100px;
}

编辑：此外，您需要具有未在所有图像之间全局共享的旋转值。当您有多个图像时，上面会给您一些有趣的旋转效果。

更新版本位于：http://jsfiddle.net/0nwvt303/

<img src="https://www.google.com/images/srpr/logo3w.png" class="image" rotation=0>
<img src="https://www.google.com/images/srpr/logo3w.png" class="image" rotation=0>

$(".image").rotate({ 
   bind: 
     { 
        click: function(){
            currRotation = ($(this).attr("rotation") * 1) + 90;
            $(this).attr("rotation", currRotation);
            $(this).rotate({ animateTo:currRotation });
        }
     } 
});

jQueryrotate如何通过光标旋转多个图像

1 个答案: