jquery旋轉功能不工作

Question

嗨，大家現在我想弄清楚如何旋轉一個div，並使其停止在loctation。我在這方面有一些幫助，但是我不知道我做錯了什麼。任何代碼的幫助都會很好。

謝謝你們的幫助

Answer 1

嘗試改變你的JavaScript代碼是這樣的：

$(window).load(function(){ 
var $elie = $("#super"); 
rotate(1); 

function rotate(degree) { 
$elie.css({ 
'-webkit-transform': 'rotate(' + degree + 'deg)', 
'-moz-transform': 'rotate(' + degree + 'deg)', 
'-o-transform': 'rotate(' + degree + 'deg)', 
'-ms-transform': 'rotate(' + degree + 'deg)', 
'transform': 'rotate(' + degree + 'deg)' 
}); 
console.log(degree); 
if (degree < 100) { 
timer = setTimeout(function() { 
    rotate(++degree) 
}, 1); 
}} 
}); 

這裏演示：http://jsfiddle.net/ongisnade/mq8Ar/

Answer 2

看這裏http://jsbin.com/uwunaw/4/edit

我加入var elie = null;作爲全局變量和jQuery中的onReady把elie = $("#super");。

像這樣

$(function() { 
    elie = $("#super"); 
    rotate(1); 
}); 

它的工作現在。