jQuery - 旋轉圖像

Question

我試圖創建圖像旋轉，但它不工作。我嘗試了不同網站的不同代碼，但不知道什麼是錯的。

這是我的代碼。

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

#image{ 
 
    margin:200px 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://cdn.sobekrepository.org/includes/jquery-rotate/2.2/jquery-rotate.min.js"></script> 
 
<script type="text/javascript" src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script> 
 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> 
 
<img src="http://jqueryrotate.com/images/chrome_32x32.png" id="image" onclick="" />

Answer 1

在你的榜樣，jQuery沒有定義，請檢查下面的代碼：

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

#image { 
 
    margin: 200px 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="include/jQueryRotate.js"></script> 
 
<script type="text/javascript" src="http://beneposto.pl/jqueryrotate/js/jQueryRotateCompressed.js"></script> 
 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> 
 
<img src="http://i.forbesimg.com/media/lists/companies/apple_416x416.jpg" id="image" onclick="" />