fancybox Bug mit Triggerklick

8

Ich muss fancybox mit trigger click in meiner Website ausführen, das Problem, das ich entdeckt habe, ist mit dieser Methode , wenn Sie auf Elemente in der schicken Box klicken Die Geschenkbox wird geschlossen und erscheint erneut ( blinkt ).

Ich möchte, dass fancybox nicht blinkt, wenn ich auf Elemente in der Box klicke und wenn ich auf diese Elemente klicke, möchte ich keine Änderungen sehen, das ist alles:)

Ich habe eine Demo für dieses Problem erstellt

Ссылка

%Vor%

irgendeine Idee?

    
h0mayun 02.09.2013, 12:16
quelle

4 Antworten

17

Das Problem mit Ihrem Code besteht darin, dass Sie den Selektor #a1 so einrichten, dass er sowohl als Auslöser als auch als Ziel von fancybox fungiert, also jeden Klick auf sich selbst fire foxbox immer und immer wieder.

Sie müssten einen anderen Selektor (den Auslöser) erstellen, der auf das #a1 -Element wie

abzielt %Vor%

Wenn das Element .fancybox nicht sichtbar sein soll, fügen Sie einfach eine display:none -Eigenschaft

hinzu

Dann deine js

%Vor%

Siehe JSFIDDLE

BEARBEITEN : Wenn Sie sich das Beispiel JSFIDDLE ansehen, hätten die Dinge viel einfacher sein können.

Habe gerade diesen html

%Vor%

Sie könnten diesen Code verwenden

%Vor%

wo kein click benötigt wird.

Wir sehen uns aktualisiert JSFIDDLE

    
JFK 02.09.2013, 18:31
quelle
0

Ich weiß nicht, ob es hilfreich sein wird, oder versuche es nicht einfach,

%Vor%     
Sid Bhalke 02.09.2013 13:41
quelle
0

Verwenden Sie dies unter html, fügen Sie id zu <div> und <a class="fancybox" rel="group" href="#r"><div id="r" class="r"></div></a>

hinzu %Vor%

hier überprüfen

---------------------- Aktualisierung ----------------

füge afterShow () zu deiner jquery

hinzu %Vor%

Nochmals prüfen

    
Nirmal 02.09.2013 12:50
quelle
0

Ich hatte das gleiche Symptom eines nichtklickbaren Fancybox-Overlays. Mein Kunde wollte in der Lage sein, eine bestimmte Fancybox wie Ссылка zu verknüpfen und automatisch zu öffnen, um ein Inline-Anmeldeformular für Fancybox zu öffnen. Dank JFK wurde mir klar, dass ich das Element mit der ID 'signup' anstoßen und zielen wollte und nicht das Element mit dem href-Attribut '#signup'. Ich habe es auf den letzten Teil der URL (d. H. #signup) haken und suchen Sie das passende 'a' href Attribut und einen Klick auf das Element auszulösen.

Die folgende Demo hilft nicht wirklich dabei, das darzustellen, aber Sie sehen den Code.

Ссылка

Das saftige Bit:

%Vor%     
Kerry Johnson 15.08.2014 16:33
quelle

Tags und Links