如何在頁面開始加載前運行jQuery腳本

Question

所有人。得到了WORDPRESS + DIVI主題。

我寫了一個腳本來SWAP LOGOS ON SCROLL。這是它：

<script> 
jQuery(function($) { 
$(document).scroll(function() { 
    if($('#main-header').hasClass('et-fixed-header')) { 
     $('#logo').attr('src','SECOND_LOGO_IMAGE'); 
    } 
    else { 
     $('#logo').attr('src','FIRST_LOGO_IMAGE'); 
    } 
}); 
}); 
</script> 

它的工作原理！我對此感到非常高興。

所以我想在頁面開始加載前加載它，以防止FIRST_LOGO_IMAGE在頁面上顯示，然後它被重新加載到網站中間。

每次頁面重新加載，我開始滾動之前獲得FIRST_LOGO_IMAGE。

也許我不需要在SCROLL上更改徽標，我只需要它們交換，然後將＃main-header更改爲＃et-fixed-header並返回。

Answer 1

我會說你需要添加一個CSS規則，如：

.et-fixed-header { 
background: url(new-image-url); } 

從我所看到的，只有當你向下滾動頁面，這樣即使你加載的頁面固定類添加中間，這個類應該被附加上，並且在你使用CSS創建一個新的頭部之後。