javascript - 使用 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 :(
    }
});

Demo here 此代码仅适用于 mouseover、mousedown 和 NOT mouseup。当我取消注释 $(this).removeClass().addClass('open'); 时，mousedown 事件也停止触发。

有人知道问题出在哪里吗？

Answer 1

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

您需要删除不需要的类(class)，然后添加您需要的类(class)。您最终得到的 div 同时具有 open 和 closed，因此它只显示关闭的图标。