이벤트가없는 경우 복원 할 수 있습니까?

Question

나는 트위터를 따라 가며 버튼을 클릭하면 다음과 같이 바뀝니다. 다시 마우스를 올리면 unfollow로 바뀌고 unfollow를 클릭하면 따라 다니고 마우스가 아무렇지도 않게 나오더라도 문제가 생깁니다. 뭔가 여기 일입니다 .. (마지막 단계)

HTML :

<div class="col-xs-2 menu followBlock"> 
    <button type="button" class="btn btn-primary btn-lg" data-follow="follow"> 
     <span class="glyphicon glyphicon-plus"></span> Follow 
    </button> 
</div> 

JS :

$(".followBlock").on('click', "button[data-follow=follow]", function(e) { 
    $btn = $(this); 
      $btn.html("<span class='glyphicon glyphicon-ok'></span> Following").removeClass('btn-primary').addClass('btn-success'); 
      $("button[data-follow=follow]").attr("data-follow", "unfollow"); 
      $btn.hover(function(e) { 
       $(this).html("<span class='glyphicon glyphicon-minus'></span> Unfollow").removeClass('btn-success').addClass('btn-danger'); 
      }, function(e) { 
       $(this).html("<span class='glyphicon glyphicon-ok'></span> Following").removeClass('btn-danger').addClass('btn-success'); 
      }) 


}); 
$(".followBlock").on('click', "button[data-follow=unfollow]", function(e) { 
    $btn = $(this); 
      $btn.html("<span class='glyphicon glyphicon-plus'></span> Follow").removeClass('btn-danger').addClass('btn-primary'); 


}); 

내 문제를 설명 jsfiddle : jsfiddle.net/TQ5nn/1/

도움말

Answer 1

는이

$(".followBlock").on('click', "button[data-follow=unfollow]", function(e) { 
    $btn = $(this); 
    $btn.html("<span class='glyphicon glyphicon-plus'></span> Follow").removeClass('btn-danger').addClass('btn-primary'); 
    $btn.unbind('mouseenter mouseleave'); 
    $btn.attr('data-follow', 'follow'); 
}); 

jsfiddle