jQuery .rotate() doesn't work

问题

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?

回答1:

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

回答2:

Use .css() in jquery

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

来源：https://stackoverflow.com/questions/23338620/jquery-rotate-doesnt-work