jQuery fehlt ")" in der Chrome-Konsole

Question

Ich versuche, ein Ladeprogramm anzuzeigen, wenn meine Bilder geladen werden. Der Lader ist reines CSS. Aus irgendeinem Grund gibt die unten angegebene Zeile einen Fehler, weil sie fehlt), aber es ist da. Ich bin kein Experte, also vermisse ich wahrscheinlich etwas Offensichtliches, aber hat jemand eine Idee, was das verursacht? Hier ist der Code für meinen Loader und die jQuery. Ist das überhaupt der richtige Weg, oder gibt es einen besseren Weg? Ich versuche, laden Bilder mit dem Loader div und dann den Lader zu verstecken und das Bild anzuzeigen.

JS:

// jQuery Wrap 

(function($) { 

// Lazy Loading 



// Image Loader 

$("img:not(.site-branding, .mobile-header img)").each(function(){ 
    $(this).after('<div class="loader"></div>') 
     .hide() 
/* The line below is causing the error. :(*/ 
     .attr('src', this.src;) 
     .one('load', function() { 
     $(this).fadeIn().next().remove(); 
     }); 
}); 

// Mobile Menu 

$('.hamburger').on('click', function() { 

    $('.mobile-navigation').toggleClass('open'); 

}); 


// End jQuery Wrap 

})(jQuery); 

CSS Loader:

.loader { 
    border: 4px solid transparent; 
    border-top: 4px solid black; 
    border-radius: 50%; 
    width: 100px; 
    height: 100px; 
    animation: spinner 2s linear infinite; 
} 

@keyframes spinner { 
    0% { 
     transform: rotate(0deg); 
    } 
    100% { 
     transform: rotate(360deg); 
    } 
} 

Answer 1

Diese Linie

.attr('src', this.src;) 

sollte

sein

.attr('src', this.src) 

Die ; ist da total falsch. Selbst am Ende der Leitung, weil du .one() direkt hinterher kettelst.

Answer 2

Sie sollten das ändern:

.attr('src', this.src;) 

Um dies:

.attr('src', this.src) 

EDIT: Entfernt das ';' weil die Kette fortgesetzt wird. Habe das vorher nicht gesehen.