jquery - 保持点击对象的活动状态，忽略第二次点击

Question

http://jsfiddle.net/kfTFa/49/

我正在尝试设置此功能（基本上是大正方形=这是您所在的那个+两个状态之间的动画）。默认状态是两个状态中较小的 8 个正方形，（较大的状态 = 类活动）文本区域为空。

1. 用户将鼠标悬停在任何项目上->
   • 正方形动画到更大的状态
   • 与悬停项目关联的文本在悬停时显示
2. 用户悬停在项目之外->
   • 文字消失
   • square 恢复到默认状态大小
3. 用户点击 x 项 ->
   • 该项目的文本成为新的默认值
   • square 保持活动状态（更大的尺寸）
4. 用户点击 y 项 ->
   • 上一个活动项目动画回到默认状态
   • y 项目文本成为新的默认文本
   • y 项目保持活动大尺寸状态

我几乎拥有它，唯一的问题是，如果您两次单击同一个项目，活动类最终会粘在它不应该的项目上。不能完全到达那里！

第二次单击可以不执行任何操作或将其取消设置为默认值（可能没有更好的方法）。

Answer 1

演示：http: //jsfiddle.net/kfTFa/50/

您可以简单地添加一个检查以查看它是否已经是活动项目。

if($(this).hasClass("active")) return;