jQuery .rotate() 不起作用

Posted 2023-03-06

【中文标题】jQuery .rotate() 不起作用

【英文标题】：jQuery .rotate() doesn't work

【发布时间】：2014-06-13 20:29:30

【问题描述】：

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

我有这个代码：

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

如何在不使用插件的情况下使其工作？

【问题讨论】：

jquery 中没有 rotate() 方法，但可能是您从插件中看到的......

在这里查看解决方案***.com/questions/3020904/…

添加一些相关的 html

【参考方案1】：

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

试试这个：

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

【讨论】：

@C-link：你知道.rotate()是什么吗。而不是$("a.shownav img").css( jquery

在不使用插件的情况下，如何为这个旋转设置动画？ .animate() 不适合我。

@GigaByte568：看到这个***.com/questions/16771225/css3-rotate-animation

【参考方案2】：

在 jquery 中使用 .css()

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

【讨论】：

jquery 中没有使用 css 的旋转方法，只有我们可以实现这一点