javascript - removeClass() 不删除类

Question

removeClass 不会selected从div.upvote下面的 js 中删除该类，但 addClass() 可以正常工作。这是为什么？

$(document).ready(function () {
"use strict";

    $('div.upvote').click(function () {
        var id = $(this).parents('li.book').attr('id');
        var vote_type = 'up';

        if ($(this).hasClass('selected')) {
            var vote_action = 'recall-vote';
            $.post('/b/vote/', {id: id, type: vote_type, action: vote_action}, function (response) {
                if ($.isNumeric(response)) {
                    $('li#' + id)
                        .find('div.upvote')
                        .removeClass('selected');
                    $('div.vote-tally span.num').html(response);
                }
            });
        } else {
            var vote_action = 'vote';
            $.post('/b/vote/', {id: id, type: vote_type, action: vote_action}, function (response) {
                if ($.isNumeric(response)) {
                    $('li#' + id)
                        .find('div.upvote')
                        .addClass('selected');
                    $('div.vote-tally span.num').html(response);
                }
            });
        }
    });
}

Answer 1

$(document).ready(function () {
    "use strict";

    $('div.upvote').click(function () {
        var id = $(this).parents('li.book').attr('id');
        var vote_type = 'up';


        if ($(this).hasClass('selected')) {
            var vote_action = 'recall-vote';
            (function (response) { // skip ajax, just call success callback
                if ($.isNumeric(response)) {
                    $('li#' + id)
                            .find('div.upvote')
                            .removeClass('selected');
                    $('div.vote-tally span.num').html(response);
                }
            }(123)); // fake numeric response
        } else {
            var vote_action = 'vote';
            (function (response) {
                if ($.isNumeric(response)) {
                    $('li#' + id)
                            .find('div.upvote')
                            .addClass('selected');
                    $('div.vote-tally span.num').html(response);
                }
            }(123));
        }
    });
}) // ) missed

HTML：

<li id="li-id" class="book">
    <div class="upvote selected">upvote</div>
</li>​

使用假数据一切正常。所以你有非数字响应或错过的问题）

Answer 2

我记得切换功能在某些浏览器中存在错误。因此您可以使用 removeClass 而不是切换