javascript - 怎么实现点赞后图标变灰且不能点了...急啊

Question

Answer 1

$btn.on('click', function() {
    // 点击添加btnClicked, btnClicked在css中设置点赞按钮为灰色
    if($(this).hasClass('btnClicked')) return;
    $(this).addClass('btnClicked');
    // $count 显示数字的count的dom
    var count = $count.html();
    $count.html( count + 1);
})

Answer 2

如果用toggleClass（）更好一些吧

Answer 3

使用angular的情况下 在按钮上使用ng-class和ng-disable
ng-class用来控制按钮的样式，ng-disable用来控制按钮是否能够点击

<button ng-class="{'normal': !isLike, 'disabled': isLike}" ng-disabled="isLike">点赞</button >

在controller里面控制$scope.isLike来控制按钮点击

Answer 4

原生js方法
var a = true;
button.addEventListener('onclick',function(e){//添加绑定事件

var ev = e||event;
if(a){//如果a存在就让他按钮变黑
    button.style.background = "#000";
    a = false;//然后让A不存在
}
else{//否则就解除按钮的绑定事件
    button.removeEventListerner('onclick',false)
}

},false)