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);
});

现在正在运作。

jquery旋转功能不起作用

2 个答案: