[FRAGE] Script wird nicht immer ausgeführt.

[tryosx]

Hey zusammen,

das hier wird meine Homepage:

Meine Homepage

Alles funktioniert gut. (Beim klick auf ein Bild erscheint eine Lightbox). Doch sobald man im Menü auf einen anderen Reiter klickt und wieder zurück zu "Bilder" geht, kann man das Bild nicht mehr anklicken (Die Lightbox öffnet sich nicht mehr).

Woran kann das liegen ?

Mfg,
ich

 

[kkapsner]

Du musst nach dem Wechsel die lightbox neu initialisieren oder du registrierst den onclick-Eventlistener für die <img> nicht direkt dort sondern auf dem document - machst also Event-Delegation.

 

[tryosx]

Vielen Dank habs jetzt mit der ".on()" funktion hinbekommen

Nur noch eine kleine Frage. Wenn ich das Script so anpasse, passiert nichts, bis ich das element mit der maus anklicke, es soll aber ohne mausklick funktionieren.

Habe es schon mit .focus versucht, aber ohne erfolg

$(document).on("keypress","#lightbox", function(e) {
if(e.keyCode == 27){
$('#lightbox').fadeOut(500,function(){
$('#lightbox').remove();
});
$('#lightboxcontent img').css('display','none');
}
});

 

[j-l-n]

Nur kurz ein Hinweis:

Meine Homepage
Alles funktioniert gut.

Nein; man kann nicht scrollen, denn dadurch wird das Menü gewechselt - stört.

 

[tryosx]

Danke für den Hinweis

Aber das ist gut so Es wird nur nicht gescrollt, wenn man sich im Content der Box in der Mitte befindet. Wenn man direkt daneben scrollt klappt alles. Dazu wird noch ein "Scroll me" - Schild eingebaut Aber zuerst wollte ich, dass die Grundfunktionen klappen

 

[j-l-n]

Es wird nur nicht gescrollt, wenn man sich im Content der Box in der Mitte befindet. Wenn man direkt daneben scrollt klappt alles.

Stimmt, gerade ausprobiert. Nichtsdestotrotz - so etwas senkt die Usability und erschließt sich nicht von alleine...

 

[kkapsner]

Also bei mir funktioniert auf der Seite gerade gar kein JS, da ein Fehler in der Fehlerkonsole ist.

 

[tryosx]

Hey,

darf ich fragen, welchen Browser du benutzt ?
Ich bekomme nur kleinere fehler zwecks CSS und 2 Fehler wegen einem "Passwortfeld" .. wo auch immer das sein soll.

Ansonsten funktioniert bei mir JS

Mfg

 

[mikdoe]

Im IE kommt ein fettes "Das Objekt unterstützt diese Aktion nicht.". Datei: tags.js, Zeile: 1, Spalte: 16049
Normalerweise hören Browser beim ersten Fehler sofort auf mit JS.
Von welcher Webseite sprechen wir denn? Ich spreche von http://r3steas.square7.ch/Homepage/public_html und kkapsner wahrscheinlich auch.

 

[kkapsner]

Bei mir funktioniert's jetzt im FF wieder.

Aber ist dein Problem jetzt gelöst, denn das <img> ist ja jetzt immer da?

PS: Die Frage mit dem nötigen Klick hab' ich nicht verstanden.

 

[tryosx]

@mikdoe

öhmm also die Datei gehört nicht zu mir

Ja genau. Das ist die richtige Seite.

@kkapsner
mein Problem ist, dass ich die #lightbox mit ESC wegmachen will. Jedoch klappt das nur wenn ich auf der Kompletten Seite den Tastencode mache, und nicht nur auf das spezielle #lighbox div.


Ich habe jetzt:

$(document).on("keyup", function(e) {
    if (e.keyCode == 27) {
        $('#lightbox').fadeOut(500, function() {
            $('#lightbox').remove();
        });
        $('#lightboxcontent img').css('display', 'none');
    }
});

Doch dieser Code wird auch ausgeführt, wenn die lightbox nicht da ist.

wenn ich aber $(document).on("keyup", '#lightbox', function(e) { nehme, funktioniert das nicht, da die Lightbox nicht "selected" ist

 

[mikdoe]

@mikdoe
öhmm also die Datei gehört nicht zu mir

Doch, sicherlich! Aber du hast es vielleicht nicht selbst programmiert. Musste mal suchen, welcher Code diese Lib einbindet. Der Fehler ist nach wie vor da.

Firefox zeigt den Fehler übrigens nicht an. Warum das so ist weiss ich nicht, müsste man sich im Detail anschauen.

 

[kkapsner]

Doch dieser Code wird auch ausgeführt, wenn die lightbox nicht da ist.

Du könntest mit

if ($("#lightbox").length){
	...
}

überprüfen, ob das Teil da ist.

Oder du registrierst den Eventlistener nur, wenn die Lightbox offen ist und deregistrierst ihn wieder, wenn du schließt.

 

[tryosx]

@mikdoe
ich benutze ausschließlich js Dateien von mir. Ausser die jquery 2.1.1 min.
Ich denke das könnte das Werbungsscript sein von meinem Hoster aus.

@kkapsner
Super! Vielen Dank! Einfach aber nicht gleich eingefalle *schäm* klappt alles Dankeschön )

 

[kkapsner]

Bitte - gern geschehen.