在jQuery中切换元素类？

Question

我一直对此代码有问题

$("#click").bind('mousedown mouseup mouseover', function(e) {
    if(e.type === 'mouseover'){
        $(this).addClass('open'); //works!
    }
    if(e.type === 'mousedown'){
       $(this).removeClass().addClass('closed'); //works!
    }
    if(e.type === 'mouseup'){
       $(this).removeClass().addClass('open');
       // The above line doesn't work :(
    }
});

这里演示此代码仅适用于鼠标悬停，鼠标按下， 而不适用于鼠标松开。 当我取消注释$(this).removeClass().addClass('open'); mousedown事件也会停止触发。

有人知道可能是什么问题吗？

Answer 1

固定： http : //jsfiddle.net/U544t/2/

您需要删除不需要的课程，然后添加您需要的课程。 您最终将div同时open和closed ，因此它仅显示关闭的图标。

Answer 2

除非我缺少任何东西，否则似乎可以使用toggleClass（）更加有效地执行此操作，而不是自己进行所有添加/删除操作。 而且，您可能不需要两个类（仅是默认状态）和.open类即可在切换时触发活动类。