取消关注js无法正常工作

Question

小提琴

我正在研究跟随和取消关注按钮.关注选项工作正常,但当我点击取消关注时,它不会变成跟随.完整代码发布在JsFiddle上

$(".follow").live('click', function(e){
    e.preventDefault();
    $button = $(this);
    if($button.hasClass('unfollow')){

        //$.ajax(); Do Unfollow

        $button.removeClass('follow');
        $button.removeClass('unfollow');
        $button.text('Follow');
    } 
    else {

        // $.ajax(); Do Follow

        $button.addClass('follow');
        $button.text('Unfollow');
    } });

Answer 1

$(this)
.text( ($(this).text() == 'Follow' ? 'UnFollow' : 'Follow') )
.toggleClass("Unfollow");

工作小提琴