So führen Sie ein jQuery-Skript vor dem Laden der Seite aus

Question

Jeder. Ich habe WORDPRESS + DIVI THEMA bekommen.

Ich schrieb ein Skript zu SWAP LOGOS ON SCROLL. Hier ist es:

<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> 

Es funktioniert! Und ich bin ziemlich glücklich darüber.

Also ich möchte es laden, bevor die Seite beginnt zu laden, um zu verhindern FIRST_LOGO_IMAGE zeigt auf der Seite, dann wurde es in der Mitte der Website neu geladen.

Jedes Mal, wenn die Seite neu geladen wurde, habe ich FIRST_LOGO_IMAGE vor dem Start zum Blättern.

Wahrscheinlich brauche ich keine Logos ON SCROLL zu ändern, ich brauche nur sie zu tauschen, dann die # Haupt-Header-Klasse zu # et-fixed-Header und zurück.

Answer 1

Ich würde sagen, Sie müssen eine CSS-Regel hinzufügen:

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

Von dem, was ich sehe, dass feste Klasse hinzugefügt wird, nur dann, wenn Sie eine Seite nach unten scrollen, so dass selbst wenn Sie eine Seite in der Last In der Mitte sollte die Klasse angehängt werden und damit der neue Header in CSS eingerichtet werden.