jquery rotate function not working

Question

Hi guys at the moment i am trying to figure out how to rotate a div and make it stop at a loctation. I have had some help on this however iam not sure what iam doing wrong. Any help with the code would be great.

Thanks guys for the help

Fredy · Accepted Answer · 2012-11-29 02:09:48Z

3

try change your javascript code to be like this:

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

Here the demo: http://jsfiddle.net/ongisnade/mq8Ar/

answered Nov 29, 2012 at 2:09

Fredy

2,9086 gold badges31 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

OammieR · Accepted Answer · 2012-11-29 02:05:54Z

1

Look at here http://jsbin.com/uwunaw/4/edit

I'm adding var elie = null; as global var and put elie = $("#super"); in onReady of jQuery.

Like this

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

It's working now.

answered Nov 29, 2012 at 2:05

OammieR

2,8905 gold badges32 silver badges52 bronze badges

Collectives™ on Stack Overflow

jquery rotate function not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related