jQuery 根据另一个元素的类更改 css

Question

我有这段代码，它会检查一个类并根据该类是否存在来更改 CSS。然而，它随后保持 CSS 不变，顶部边距为 37px。如果该类已被删除并改回 CSS，我将如何让它再次检查？

function checkForStickyClass()
{
    if ($('.sticky-wrapper').hasClass('is-sticky'))
        $('#mobile-menu-wrap').css('top','37px');

    else
        setTimeout(checkForStickyClass, 100);
}

$(checkForStickyClass);

我试过修改成

function checkForStickyClass()
{
    if ($('.sticky-wrapper').hasClass('is-sticky'))
        $('#mobile-menu-wrap').css('top','37px');

    else if
        (!$('.sticky-wrapper').hasClass('is-sticky'))
        $('#mobile-menu-wrap').css('top','0');
    else
        setTimeout(checkForStickyClass, 100);
}

$(checkForStickyClass);

现在这不起作用，因为它始终保持在 0px。显然我这里有一些逻辑错误。请帮忙

Answer 1

您每次都需要设置该超时，因此 setTimeout 前面没有 else。

是什么改变了你的类(class)？您能否使用该代码也更改 #mobile-menu-wrap 的样式？