Jquery旋转不起作用

Question

我有一个小按钮，当我点击它时我想要旋转。 我尝试了最直接的方式，我认为是：

$(this).rotate(45);

这是我在代码中看到的方式：

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

我去了我的浏览器并打开了控制台，这就是我在那里看到的：

我尝试将jquery库从最新的更改为1.7.2，但也没有用。之后我尝试使用不同的东西，我用了

$(this)slideUp

是的，那是因为某种原因而起作用的。它似乎有“旋转”的麻烦。

提前致谢，

凯文

https://jsfiddle.net/exm8gkbd/

Answer 1

jQuery中没有类似rotate()的方法。您需要使用 css() 方法来应用transform。

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