jQuery .rotate() doesn't work

Question

I don't know why it don't work. I am using jQuery 2.1.0

I have this code:

$("a.shownav img").rotate(180);

How can I make it work without using a plugin?

there is no rotate() method in jquery, but might be you were seeing from a plugin.... — Bhojendra Rauniyar, Apr 28 '14 at 10:28
see the solution here http://stackoverflow.com/questions/3020904/how-to-rotate-a-div-using-jquery — Bhojendra Rauniyar, Apr 28 '14 at 10:28

score 4 · Accepted Answer · edited Jul 07 '16 at 11:31

4

for using .rotate(), you need to add jqueryrotate plugin. This can be also achieved using pure jQuery and CSS.

Try this:

$("a.shownav img").css({
    "-webkit-transform": "rotate(180deg)",
    "-moz-transform": "rotate(180deg)",
    "transform": "rotate(180deg)" /* For modern browsers(CSS3)  */
});

edited Jul 07 '16 at 11:31

Kevin Simper

1,669
19
32

answered Apr 28 '14 at 10:28

Milind Anantwar

81,290
25
94
125

@C-link: do you know what is `.rotate()` is. and isnt `$("a.shownav img").css({` jquery – Milind Anantwar Apr 28 '14 at 10:30
1

Without using a plugin, how do I animate this rotation? `.animate()` won't work for me. – KevinT. Apr 28 '14 at 10:38
@GigaByte568: see this http://stackoverflow.com/questions/16771225/css3-rotate-animation – Milind Anantwar Apr 28 '14 at 10:54

score 3 · Answer 2 · answered Apr 28 '14 at 10:28

3

Use .css() in jquery

$("a.shownav img").css("transform", "rotate(180deg)");

answered Apr 28 '14 at 10:28

Sudharsan S

15,336
3
31
49

1

there is no rotate method in jquery using css only we can acheive this – Sudharsan S Apr 28 '14 at 10:31

jQuery .rotate() doesn't work

2 Answers2

Linked