通过JS

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();