通过JS添加类时隐藏div [重复]

Question

我正在使用fullPage.js，其中active class 通过JS 添加到li。

我想做的是，当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() 函数下。

Answer 2

更改以下行 -

("#menu").hide();

到

$("#menu").hide();