Bootstrap twitter就像按钮一样

Question

我需要一个像this example

这样的关注按钮

我应该用java脚本写什么？

  $('.following').hover(function(){
      $(this).text("Unfollow");
    },function(){
       $(this).text("Following");
    });
   //for toggle the class following/follow When click
   $('.following').click(function(){
    $(this).toggleClass('following follow').unbind("hover");
    if($(this).is('.follow')){
       $(this).text("Follow");
    }
    else{
     //binding mouse hover functionality
       $(this).bind({
            mouseleave:function(){$(this).text("Following");},
            mouseenter:function(){$(this).text("Unfollow");}      
        });
    }
  });

哪些更改需要有bootstap按钮？

Answer 1

您可以在CSS中执行此操作：http://jsfiddle.net/Th4th/

.follow {
    width: 100px;
    height: 40px;
    background-color: gray;
}
.follow:hover span {display:none;}

.follow:hover:before {
    content: "Unfollow"
}

我认为你不需要改变按钮的java脚本，只是为了采取点击的动作。