javascript - 如何在点击时多次旋转

Question

我正在使用以下 JQuery 在单击时将 css 转换插入到元素中...

$(".menu-item-4828 > a").click(function(){
    $(".sub-menu").css("visibility", "visible");
    $(this).css({
        "-webkit-transform": "rotate(180deg) scale(0)",
        "-moz-transform": "rotate(180deg) scale(0)",
        "transform": "rotate(180deg) scale(0)",
        "-webkit-transition": "-webkit-transform 0.3s ease-in", 
    });

然而，它只会在第一次被点击时旋转，之后它就不会再旋转了。我该怎么做才能让它在每次单击元素时旋转？

我尝试添加和删除类，但这没有用。

Answer 1

问题似乎是您将其旋转 TO 180 度，而不是 180 度。每次单击它时，都会将其设置为旋转 180 度。您需要找出它的当前旋转度，加上 180，然后将其设置为新值。