0

私が抱えている小さな問題について質問があります。これはここでスケッチしました：http：//jsfiddle.net/gm3mG/1/

にある矢印を回転させたいのですが、動かせ<span id="rotator">ません。私は何が間違っているのですか？

編集：

2番目の質問：クリックしてから1秒後に矢印を回転させて戻すにはどうすればよいですか？

4

3 に答える 3

3

まず、Mootools ではなく jQuery を使用しているため、それに応じて jsFiddle を構成する必要があります (Choose Framework左ペインのセクションを見てください)。

第 2 に、CSS 変換はインライン要素では機能せず、<span>要素はデフォルトでインラインです。でスタイリングするとdisplay: inline-block、問題が解決します。

更新されたフィドルはこちらにあります。

編集:質問の2番目の部分に関して、標準的な答えはwindow.setTimeout()を使用することです。ただし、 delay()やqueue( )などの jQuery アニメーション機能を使用して、同じ効果を実現することもできます。

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

このソリューションは、こちらでテストできます。

于 2012-09-28T18:14:17.083 に答える
0

このtransformプロパティは、あなたが含まれていないTransformable elementsにのみ適用されます<span>。

于 2012-09-28T18:13:13.773 に答える
-1

.lol クラスが最初に機能することを確認することから始めます。まず、span#rotator に適用するだけです。私はフィドルで試しましたが、クラスを動的に追加するJavaScriptは言うまでもなく、最初から機能していません...

于 2012-09-28T18:13:06.587 に答える