jquery - 单击时添加类并禁用 mouseleave 事件？

Question

我有一些具有简单 mouseenter/mouseleave 效果的图像列表。 http://jsfiddle.net/4vTCr/

我想按以下方式修改它:当用户点击特定图像时，其不透明度应设置为 1，并且 mouseleave 事件应被禁用。

我想通过在 img click 事件上添加一个类 selected 来做到这一点。然后在开始时我可以检查 img 是否有 selected 类。如果是，则不要应用 mouseleave 事件。但我无法处理它。你能给我一些提示吗？时间差

Answer 1

你似乎很接近答案，看看.hasClass()

$('.covers-sublist img').addClass('opacity').on({
    mouseenter: function() {
        $(this).stop().animate({opacity: 1});
    },
    mouseleave: function() {
        if (!$(this).hasClass('clicked')){
            $(this).stop().animate({opacity: 0.4});
        }
    },
    click: function() {
        $(this)
          .stop()
          .animate({opacity: 1})
          .addClass('clicked');
    }
});