我对我所遇到的一个小问题有疑问，我在这里草拟了这个问题：http://jsfiddle.net/gm3mG/1/
我想要旋转<span id="rotator">中的箭头，但我无法使其工作。我做错了什么？
修改
我的第二个问题：如何在点击后1秒后将箭头旋转回来？
答案 0 :(得分：3)
首先，您使用的是jQuery，而不是Mootools，因此您必须相应地配置jsFiddle（请查看左侧窗格中的Choose Framework部分。）
其次，CSS转换不适用于内联元素，默认情况下<span>元素是内联的。使用display: inline-block设置样式可以解决您的问题。
您会找到更新的小提琴here。
编辑：关于问题的第二部分，规范的答案是使用window.setTimeout()。但是，您也可以使用jQuery动画工具，如delay()和queue()来实现相同的效果：
$("#rotator").addClass("lol").delay(1000).queue(function(next) {
$(this).removeClass("lol");
next();
});
您可以测试此解决方案here。
答案 1 :(得分：0)
transform property仅适用于您<span>不属于的transformable elements。
答案 2 :(得分：-1)
我首先要确保.lol类首先运行。只需将它应用于span＃rotator即可。我尝试了小提琴并且它没有开始工作，更不用说javascript动态地将类添加到它...