使用jQuery addClass CSS旋转元素

时间:2013-10-25 02:58:21

标签: jquery css3 transform addclass

所以,我开始学习jQuery,我正在尝试使用addClass和CSS转换来旋转元素。这是我的代码;

http://codepen.io/anon/pen/IAszu

这似乎很基本,但我不明白为什么它不起作用。

我非常感谢你的帮助。

1 个答案:

答案 0 :(得分:0)

您的selector不正确:

$(document).ready (function() {
  $("theDiv").addClass("rotate");
});

应该是:

$(document).ready (function() {
  $("#theDiv").addClass("rotate");
});

为了获得最大的兼容性,您应该添加-ms-transform: rotate(180deg)-webkit-transform: rotate(180deg);

这些改变对我有用。

编辑:Working CodePen with changes

当然,我花了一分钟时间想知道你是否在拖钓,因为你要我们帮你转一圈......