javascript - jquery回転関数が機能しない

Question

こんにちはみんな今私はdivを回転させてそれを場所で停止させる方法を理解しようとしています。私はこれについていくらかの助けを持っていますが、iamは何が間違っているのかわかりません。コードに関するヘルプは素晴らしいでしょう。

助けてくれてありがとう

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

グローバル変数として追加 し、jQueryのonReadyにvar elie = null;入れています。elie = $("#super");

このような

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

現在動作しています。