addEventListener Einen Fehler werfen

Ich versuche, die addEventListener() -Funktion um den Kopf zu bekommen und habe einen Code auf einer localhost-Installation eingerichtet, aber wenn ich den Code ausführe bekomme ich eine Fehlermeldung: Uncaught TypeError: section2 .addEventListener ist keine Funktion.addEventListener Einen Fehler werfen

Der Code ist unten, im Grunde, wenn Abschnitt2 lädt (die Videoinhalt hält), möchte ich Abschnitt1 (die einen Preloader enthält) verschwinden. Um den Code zu vereinfachen, verwende ich jQuery für die Variablen. Ich habe console.log verwendet, um zu testen, dass die Variablen auf der Live-Site angezeigt werden und sie sind.

var section1 = $("#section1"), 
    section2 = $("#section2"); 


section2.addEventListener("load", function(){ 

    section1.style.display="none"; 

})

Ich kann nicht herausfinden, warum es nicht funktioniert?

Quelle

2016-10-10 The Chewy

'addEventListener' ist eine Funktion auf' EventTarget' Objekte, wie 'HTMLElement's, _not_ jQuery Objekte. – Xufox

Siehe jQuery [on()] (http://api.jquery.com/on/): "Hängen Sie eine Ereignishandlerfunktion für ein oder mehrere Ereignisse an die ausgewählten Elemente an." – showdev

Danke. Das hat den Fehler in der Konsole gestoppt, Abschnitt1 verschwindet jedoch nicht wirklich, wenn Abschnitt 2 geladen ist? –

Wie Xufox sagte direkt unter Ihrem Post, es ist kein Objekt, jQuery wählt durch $ ('...').

Option a) reine Javascript:

var section1 = document.getElementById('section1'), 
    section2 = document.getElementById('section2');

Option b) JQuery:

section2.on("load", function(){ 
    section1.hide(); 
})

Quelle

2016-10-10 20:43:26 Fantasterei

Danke. Das hat den Fehler in der Konsole gestoppt, Abschnitt1 verschwindet jedoch nicht wirklich, wenn Abschnitt 2 geladen ist? –

@EmilyChewy separates Problem. 'load' funktioniert nur bei bestimmten Arten von Elementen, wie Bildern und iframes. weißt du, Dinge, die Dinge laden. –

Oh, ich verstehe. Entschuldigung, ich bin neu in JS. Ich muss herausfinden, an welchen Elementen es arbeitet. Das hat mich etwas in die Knie gezwungen, wie man einen JS-Pre-Loader dann macht. Ich denke, ich muss es zu der hinzufügen und die Last auf den Körper oder etwas laufen lassen? –

addEventListener Einen Fehler werfen

Antwort

Verwandte Themen