javascript - 如何使用javascript点击功能删除类？

Question

我有这个代码

<script type="text/javascript">
$(document).ready(function() {
     $(".slide_nav").click(function() {
         $(".big_slide_in").toggleClass("active");
         $("#headerMover").toggleClass("left_off");
         $(".big_slide").toggleClass("background");
     });

});
</script>

所以我想点击类“background”会删除类“active”和“left_off”？非常感谢!

抱歉，我不会说英语。

Answer 1

你可以试试

$(document).ready(function () {
    $(".slide_nav").click(function () {
        $(".big_slide_in").toggleClass("active");
        $("#headerMover").toggleClass("left_off");
        $(".big_slide").toggleClass("background");
    });

    $(".big_slide").click(function () {
        //check if background class is added
        if ($(this).hasClass('background')) {
            $(".big_slide_in").removeClass("active");
            $("#headerMover").removeClass("left_off");
        }
    });
});

演示:Fiddle