如何在页面开始加载前运行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创建一个新的头部之后。