javascript - 无法使用 jQuery 删除或添加类

Question

我试图在元素上操作切换类，但无法使用切换类工具，因为脚本正在运行其他函数并且正在对类名执行操作。因此我使用removeClass/addClass。由于某种原因我无法让它工作。请在下面找到我的脚本；

$(".view-followers").click(function(){
    alert("off");
    $(this).removeClass("view-followers");
    $(this).addClass("view-followers-on");

});

$(".view-followers-on").click(function(){
    alert("on");
    $(this).removeClass("view-followers-on");
    $(this).addClass("view-followers");
});

或者你可以在jsFiddle上查看； http://jsfiddle.net/dannyj6/UGBda/

感谢您提供的任何帮助

Answer 1

尝试

$(".view-followers, .view-followers-on").click(function(){
    $(this).toggleClass("view-followers view-followers-on");
});

演示:Fiddle

如果您想有两个单独的处理程序，则使用事件委托(delegate)

$(document).on('click', '.view-followers', function(){
    $(this).removeClass("view-followers").addClass("view-followers-on");

});
$(document).on('click', '.view-followers-on', function(){
    $(this).removeClass("view-followers-on").addClass("view-followers");
});

演示:Fiddle