首次单击后，jQuery for checkbox不起作用

Question

当我点击复选框时，它会起作用，但当我点击它时，它不起作用，并且checkboxSelected类不会被删除。

Html标记：

 <div class="galleryMenu-center">
                <div class="galleryMenu-row" onclick="caruselFilter('.filter1984');">
                    <div class="checkbox"></div>
                    <div class="thisText">1984</div>
                </div>
                <div style="clear:both;"></div>
  </div>

点击后的Html标记：

<div class="checkbox checkboxSelected" style="background-position: 0px -19px;"></div> 

这是我的jQuery代码：

 $('.galleryMenu-row').click(function(){
        if($(this).find(".checkbox").hasClass('checkboxSelected')){
            $(this).find(".checkbox").removeClass('checkboxSelected');
            $(this).find(".checkbox").css('background-position', '0px -19px');
            var temcurrentShow = str_replace("," + currentClasa, "", currentShow);
            $(".imgSlideshow").css('display', 'block');
            //$(temcurrentShow).css('display', 'block');
        }
        $(this).find(".checkbox").addClass('checkboxSelected');
    }); 

最好的问候

Answer 1

是的，因为您总是点击添加：$(this).find(".checkbox").addClass('checkboxSelected');

也许你想要这个？

if ($(this).find(".checkbox").hasClass('checkboxSelected')) {
    //...
} else {
    $(this).find(".checkbox").addClass('checkboxSelected');
}

Answer 2

 $( this ).toggleClass( "checkboxSelected" );