javascript - 通过 JS 添加类时隐藏 div

Question

我正在与 fullPage.js 合作其中active class添加到 li通过 JS。

我想做的是，当 li ( #menu li:last-child ) 有事件类，隐藏 #menu 。但是，由于active class是通过JS添加的，代码不起作用:

$(window).on("scroll",function() {
    if ($('li:last-child').hasClass("active")) {
        $("#menu").hide();
    }
})

这是我的 HTML:

<ul id="menu">
    <li data-menuanchor="slide1"><a href="#slide1"><span></span></a></li>
    <li data-menuanchor="slide2"><a href="#slide2"><span></span></a></li>
</ul>

<div id="fullpage">
    <div class="section" id="section0">
        <div class="intro">
            <h1>Slide 1</h1>
        </div>
    </div>
    <div class="section" id="section1">
        <div class="intro">
            <h1>Slide 2</h1>
        </div>
    </div>
</div>

Answer 1

你可以尝试.on或.live()。因为你添加了用js添加的类，所以你可以将.hide()放在live()或on()函数下。