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または 。ライブ（）。 jsを追加したクラスを追加したので、.hide（）をlive（）またはon（）関数の下に置くことができます。

Answer 2

変更 -

へ

("#menu").hide(); 

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