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="" />