jquery部分中的动态更改类

Question

文档已准备好。当滚动页面是动态分配类“可见”在"cd-section“

我需要当容器“container -3”分配一个类"visible“时-容器id="site”获得类.dark

我的脚本无法处理容器类的动态更改

<div id="site">
  <section class="itemListPrimary   cd-section visible" >1</section>
  <section class="itemListSecondary cd-section" id="container-0"></section>
  <section class="itemListSecondary cd-section" id="container-1"></section>
  <section class="itemListSecondary cd-section" id="container-2"></section>
  <section class="itemListSecondary cd-section" id="container-3"></section>
</div>
<script>
jQuery(document).ready(function(){
  if ( jQuery('#container-03').hasClass('visible')) {
   jQuery('#site').addClass('dark');
  } else {
    jQuery('#site').removeClass('dark');
  }
});
</script>

Answer 1

如果类在滚动时发生了变化，那么您可能应该在每次用户滚动时使用scroll()事件来检查是否将类active分配给了部分，然后切换类dark：

jQuery(window).scroll(function(){
  if ( jQuery('#container-3').hasClass('active')) {
       jQuery('#site').addClass('dark');
  } else {
       jQuery('#site').removeClass('dark');
  }
});

Answer 2

也许你在找这样的东西？

 jQuery(window).scroll(function(){
        if(jQuery(".itemListSecondary.cd-section").hasClass("active")){
         jQuery("#site").toggleClass("dark");
        }
    });