jQuery的條件標題類交換

Question

希望有人能幫助我，因爲我真的不知道JS和希望建立在對WP網站現有的功能...

我有一個網站標題的兩個版本。在主頁上加載alt（透明背景）版本，並且在滾動後，它交換到站點範圍內的非alt（白色bg）版本。

我想添加一個條件，其中頭部還交換到非中高音版本當菜單按鈕被「切換」（類=「主導航切換」）。

這是現有的功能。感謝提前。

jQuery(document).ready(function ($) { 
 
    console.log('ready'); 
 
     var header = $(".site-header"); 
 
     if($("body.home").length) { 
 
     header.addClass("site-header-alt"); 
 
     } 
 
     
 
     $(window).scroll(function() {  
 
      var scroll = $(window).scrollTop(); 
 
      
 
      if($("body.home").length) { 
 
      if (scroll <= 100) { 
 
       header.addClass("site-header-alt"); 
 
      } else { 
 
       header.removeClass("site-header-alt"); 
 
      } 
 
      } 
 
     }); 
 
    });

Answer 1

只是簡單地說：

$(document).ready(function() { 

    // check if .main-navigation contains toggled class 
    if ($(".main-navigation").hasClass("toggled")) 
    { 
     header.addClass("site-header-alt"); 
    } 

    // Also listen to the click event of the element that does the toggling. 
    $(".menu-toggle").click(function() { 
     if ($(".main-navigation").hasClass("toggled")) 
     { 
      header.addClass("site-header-alt"); 
     } 
    }); 

    // other stuffs 
}); 

希望幫助