Question

removeClass不会从下面的js中的selected中删除类div.upvote，但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而不是切换

removeClass（）不会删除类

2 个答案: