2016-06-20 7 views
1

私はそれをクリックすると回転したい小さなボタンがあります。私は自分のブラウザに行き、コンソールを開き、Jquery rotate not working

$(document).ready(function() {  
    $(function() { 
     $('.fa-plus-circle').click(function() {  
      $(this).rotate(45); 
     }); 
    }); 
}); 

$(this).rotate(45);

これは、それは私のコードに見える方法です: 私は私の意見であり、最も直接的な方法を、試してみましたこれは私が見たものである:

console error

私はjQueryライブラリFRを変えてみました最新の1.7.2までは動作しませんでした。私は、私はいくつかの理由のために働い

$(this)slideUp

そしてうんを使用し、後に別の何かを使用してみました。それは "回転"に問題があるようです。事前に

おかげで、

ケビン

https://jsfiddle.net/exm8gkbd/

+1

なぜ 'rotate()'がjquery関数だと思いますか?あなたはそれを作成するプラグインを持っていますか? 「私は最も直接的な方法を試しましたが、それは私の意見では...どのような意見ですか? –

+0

このプラグインを試してみてください:http://jqueryrotate.com/ –

+0

http://jsfiddle.net/Anatol/T6kDR/私はこれを見ましたhehe – Madses

答えて

2

jQueryのでrotate()ような方法はありません。 transformを適用するにはメソッドを使用する必要があります。

$(this).css('transform','rotate(45deg)'); 
+0

ああ、ありがとう!私はこれを見ました.. http://jsfiddle.net/Anatol/T6kDR/私はそれが行く方法だと思った。 – Madses

+0

JavaScriptビューを下にスクロールして51行目にします.natol.at:Dによって作成されたjQuery Rotateプラグインが表示されます。 –

+0

私の反応は@Madsesのためのものでした。 '@ Madses'タグを使用していたはずです... –