jquery - クリック時に「この」画像を回転させる - jQuery

Question

クリックで回転する単純な画像を取得しようとしています。これは複数の画像に適用されるため、$(this)jQuery 内でタグを使用する必要があります。私はこれを試しましたが、うまくいきませんでした：

$('.image').click(function(){
    $(this).rotate(180);
});

IE8 のサポートが必要なため、CSS3 クラスを追加したくありません

score 0 · Accepted Answer

jqueryにはすぐに使用できるrotateと呼ばれるメソッドがないため、おそらくjqueryrotateプラグインを含める必要があります。

score 0 · Accepted Answer

使用するtransform:rotate(180deg)

$('.image').click(function(){
    $(this).css("transform","rotate(180deg)");
});

score 0 · Accepted Answer

Jクエリ

$('.image').click(function(){
$(this).rotate(180);
});

score 0 · Accepted Answer

jQueryRotate.jsの参照を適用するか、コードで次のスクリプトを使用します。

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

4 に答える 4