javascript - jQuery旋转功能不起作用

Question

大家好，目前我正在尝试弄清楚如何旋转 div 并使其停在某个位置。我在这方面得到了一些帮助，但是我不确定我做错了什么。对代码的任何帮助都会很棒。

谢谢大家的帮助

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;为全局变量并放入elie = $("#super");jQuery 的 onReady 中。

像这样

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

它现在正在工作。