类没有按预期删除点击计数器

Question

var clickCount = 0;

$(".arrowRight").click(function () {
    clickCount++;

    if (clickCount >= 3) {
        clickCount = 0;
        $(".arrowRight").removeClass("active");
        $(".arrowRight").addClass("disable");
    }
    else { 
        $(".arrowRight").removeClass("disable"); // this is the line that isnt working
        $(".arrowRight").addClass("active"); // but this works
    }
});

在我的'disable课程之前，所有内容都适用于上述内容。它在3次点击后添加，但想法是在第3次点击后重置点击次数，提示else，甚至“active”也会正确添加（例如。在第三次点击重置后的其他内容 - 但disable类不会删除！

.disable { 
       pointer-events: none;
       cursor: default;
}

Answer 1

css所需的更改

从css类

中删除此行

pointer-events: none;

所以上课将是

.disable {
   cursor: default;
}

这里是示例JSFIDDLE https://jsfiddle.net/stt2632m/