javascript - body hasclass 不起作用

Question

所以如果正文有某个类，我的代码应该向元素添加一个类不起作用。它看起来像这样:

if ($("body").hasClass("shifter-open")) {
    $(".scrollheader").addClass("hovered");
}

我认为这是因为 Jquery 代码使用以下代码将此类(shifter-open)添加到正文中:

$( document ).ready(function() {
    $("body").addClass("shifter shifter-active");

    $('.shifter-handle').click( function() {
        $("body").toggleClass("shifter-open", 1000);
    });
});

有没有办法让我的代码工作？并可能将这两个代码合二为一？

Answer 1

你的条件:

if ($("body").hasClass("shifter-open")) {
    $(".scrollheader").addClass("hovered");
}

除非您有超时或间隔轮询，否则只会评估一次。更好的解决方案可能是将这两个部分合二为一。如:

$( document ).ready(function() {
    $("body").addClass("shifter shifter-active");

    $('.shifter-handle').click( function() {
        $("body").toggleClass("shifter-open", 1000);
        $(".scrollheader").toggleClass("hovered");
    });
});

或者类似的东西。您可能还想查看 toggleClass 的文档因为它似乎没有将整数作为第二个参数