0

我有一个关于我遇到的小问题的问题，我在这里画了草图：http: //jsfiddle.net/gm3mG/1/

我想旋转 中的箭头<span id="rotator">，但无法使其工作。我究竟做错了什么？

编辑：

我的第二个问题：如何使它在单击后 1 秒后将箭头旋转回来？

4

3 回答 3

3

首先，您使用的是 jQuery，而不是 Mootools，因此您必须相应地配置 jsFiddle（查看Choose Framework左侧窗格中的部分）。

其次，CSS 转换不适用于内联元素，并且<span>元素默认是内联的。用它来设计它可以display: inline-block解决你的问题。

你会在这里找到一个更新的小提琴。

编辑：关于你问题的第二部分，规范的答案是使用window.setTimeout()。但是，您也可以使用 jQuery 动画工具，如delay()和queue()来实现相同的效果：

$("#rotator").addClass("lol").delay(1000).queue(function(next) {
    $(this).removeClass("lol");
    next();
});

您可以在此处测试此解决方案。

于 2012-09-28T18:14:17.083 回答
0

该transform属性仅适用于可变形元素，您<span>不是其中之一。

于 2012-09-28T18:13:13.773 回答
-1

我会首先确保 .lol 类首先工作。只需将其应用于 span#rotator 即可。我试过小提琴，但它一开始就不起作用，更不用说用javascript动态添加类了......

于 2012-09-28T18:13:06.587 回答