jQuery .rotate()不起作用

时间:2014-04-28 10:26:24

标签: jquery css rotation css-transforms

我不知道为什么它不起作用。我正在使用jQuery 2.1.0

我有这段代码:

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

如何在没有使用插件的情况下使其正常工作?

2 个答案:

答案 0 :(得分:2)

要使用.rotate(),您需要添加jqueryrotate插件。这也可以使用纯jQuery和CSS实现。

试试这个:

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

答案 1 :(得分:1)

在jquery中使用.css()

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