我有一个按钮,如果我单击它会旋转到 25 度,我使用 Jquery 实现了这一点。但现在我希望如果我再次单击它,它就会恢复到原始状态。这就是我得到的:
$(document).ready(function() {
$(function() {
$('.fa-plus-circle').click(function() {
$(this).prev('p').slideToggle();
$(this).css('transform', 'rotate(20deg)');
$(this).css('transform', 'rotate(-20deg)');
return false;
});
});
});
正如你所看到的,我尝试添加:
$(this).css('transform', 'rotate(-20deg)');
第一次旋转之后。
最佳答案
您可以使用标志来确定是否旋转。这是一个例子:
var rotated = false;
$('button').click(function() {
$(this).css('transform', rotated ? 'rotate(0deg)' : 'rotate(20deg)');
rotated = !rotated;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Button</button>
关于javascript - Jquery按钮返回原始状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37920123/