DIV侦听旋转一次，然后没有jQuery

DIV listening to rotate once then nothing jQuery

本文关键字：一次 然后 jQuery 旋转 DIV      更新时间：2023-09-26

我正在制作一个按钮，一旦你点击它，它就会进行 360* 旋转，并执行一个功能，我正在使用 jQuery。 但是，第一次按下按钮时，它会进行 360* 旋转，之后就不那么多了。 在您刷新页面之前，它永远不会再次执行此操作。我是Javascript/jQuery的新手，所以很抱歉，如果这是一个超级简单的修复。

这是我的代码。

.HTML 

<div id="refresh"><a href="javascript:changetop()">
<img src="images/refresh.png" height="50" width="50"/></a>
</div>

JavaScript

函数 changetop（）{

    $("#refresh").css({ WebkitTransform: 'rotate(' + '360' + 'deg)'});  
     $("#refresh").css({ '-moz-transform': 'rotate(' + '360' + 'deg)'});                  
    timer = setTimeout(function() {
    },1000);      
    }

.CSS

#refresh{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    transition:all 1s ease;
}

有什么想法吗？ 提前感谢所有帮助。

因此，一旦您单击，它就会运行您的 changetop 功能，将其设置为旋转到 360 度。

当您再次单击它时，它会再次运行该功能并将其设置为旋转到 360 度......但它已经旋转到 360 度了！所以它实际上不会移动到任何地方。

旋转

后，您需要将其重置为 0 度。

或者，您可以使用 CSS 关键帧来描述 360 度旋转动画。

相关文章：