Jquery 防止CSS3再次旋转

有办法做到这一点吗？我有一个旋转到灰色区域的图像。这很好。我想要的是，如果我再次点击该区域，它会在灰色区域显示。最好的方法是什么

这里有一个我拥有的例子：

CSS:

将您的JS替换为：

$('.f1_container').one('click', function() {
    $(this).addClass('active');
});

one

函数仅对每个元素执行一次事件

此外，我已经将您的

toggleClass

更改为一个简单的

addClass

，这些更改本身就足够了，但是，这里不需要切换

---

如果单击灰色区域，您想获得灰色区域吗？不是吗？如果下面是，它将有所帮助

$('.f1_container').click(function() {
 $(this).addClass('active');
});

---

如果点击灰色区域，你想得到灰色区域吗？不是吗？你能不能在第一次点击时做一个

addClass

，然后离开它，而不是做

toggleClass

？非常好的解决方案。非常感谢你。

$('.f1_container').click(function() {
 $(this).addClass('active');
});