类更改后 JQuery 单击事件无法正常工作

我有与此类似的 JQuery 脚本：

$('.follow_link').click(function(){
  // Do some stuff
  $(this).removeClass();
  $(this).addClass("unfollow_link");
});

$('.unfollow_link').click(function(){
  // Do some stuff
  $(this).removeClass();
  $(this).addClass("follow_link");
});

我的问题是，在更改类后，链接仍然引用其旧类的单击事件。 有没有办法重新绑定？或者我这样做的方式不好？

您可以使用它，这两个功能都在 1 中：

$('.unfollow_link, .follow_link').live("click", function(){
    $(this).toggleClass("follow_link unfollow_link");
});

See 切换类 http://api.jquery.com/toggleClass/，以及live http://api.jquery.com/live/功能

.toggleClass( 类名 )className 要为匹配集中的每个元素切换的一个或多个类名称（用空格分隔）。

编辑新的 jQuery 版本 1.6.4+

自从live函数不再存在，这是一个替代品：

$('body').on("click", '.unfollow_link, .follow_link', function(){
    $(this).toggleClass("follow_link unfollow_link");
});