我的jQuery旋转功能正常工作一次

Question

我使用的是jQuery转换函数，这里是代码

function rotate() {
$("#wiper").transition({ rotate: '360deg'},1000,'linear'); 
}

$(".about").click(function() 
{rotate()
});

$(".services").click(function() 
{rotate()
});

旋转功能只能工作一次，当我点击＆＃34;关于＆＃34;它工作但我点击服务后它无法正常工作。

在网站中我添加了旧代码，他们不需要反向转换，只需要360度转换。

Answer 1

$("#wiper").transition({ rotate: '360deg'},1000,'linear', function(){ $(this).css('rotate', '0deg'); }); 

转换结束后，对象有style="rotate: 360deg;"。因此，在下一次单击时，代码不会执行任何操作，因为没有任何更改。就像在animate({color: "red"})上使用<div style="color: red;"></div> ...