Jquery rotate not working

Question

I have a little button which i want to rotate when i click on it. I tried the most direct way, which in my opinion is:

$(this).rotate(45);

This is the way it looks in my code:

$(document).ready(function() {    
    $(function() {
        $('.fa-plus-circle').click(function() {    
            $(this).rotate(45);   
        });
    });
});

I went to my browser and opened the console and this is what i saw there:

console error

I tried changing the jquery library from the latest to 1.7.2, that didn't work either. I tried using something different after, I used

$(this)slideUp

And yup, that worked for some reason. It seems to have trouble with "rotate".

Thanks in advance,

Kevin

https://jsfiddle.net/exm8gkbd/

Why do you think that `rotate()` is a jquery function? Have you got any plugin that creates it? `I tried the most direct way, which in my opinion is...` what kind of opinion is this without reading the manual? — Marcos Pérez Gude, Jun 20 '16 at 08:37

Pranav C Balan · Accepted Answer · 2016-06-20T08:42:26.093

3

There is no method like rotate() in jQuery. You need to use css() method to apply transform.

$(this).css('transform','rotate(45deg)');

edited Jun 20 '16 at 08:42

answered Jun 20 '16 at 08:37

Pranav C Balan

113,687
23
165
188

Ah, thanks! I saw this here.. http://jsfiddle.net/Anatol/T6kDR/ so i thought that was the way to go. – Madses Jun 20 '16 at 08:41
Scroll down in the JavaScript view to line 51. You see there the jQuery Rotate plugin made by anatol.at :D. – Jacob van Lingen Jun 20 '16 at 08:44
I know, my reaction was meant for @Madses. Should have used the `@Madses` tag... – Jacob van Lingen Jun 20 '16 at 08:55
Aha, well kind of stupid from my part assuming it was a function! But thanks for the help! @JacobvanLingen – Madses Jun 20 '16 at 08:58

Jquery rotate not working

1 Answers1