Lightbox schließen innerhalb des Körpers

Mein Client erfordert, dass ein Leuchtkasten geöffnet wird, wenn Sie irgendwo auf der Seite klicken. Also habe ich eine Funktion erstellt und im Body mit dem onclick Event aufgerufen.Lightbox schließen innerhalb des Körpers

Javascript:

function openLighbox(){ 
    $('a.html5lightbox').trigger('click'); 
}

HTML:

<body onclick="openLighbox()"> 
    <a class="html5lightbox" href="form.html"><img src="cmDest.jpg"></a> 
</body>

Aus dem obigen Code, ich habe erfolgreich den Leuchtkasten geöffnet, aber wenn ich versuche, um den Leuchtkasten zu schließen es nicht, da die geschlossen werden Klick öffnet es erneut.

Meine Frage ist, wie kann ich verhindern, dass es wieder öffnet?

Quelle

2016-09-27 vaghela chirag

Nach den Leuchtkasten zu schließen, sollte Was passiert, wenn Sie wieder auf der Seite klicken? –

Auslöser der Klick nur dann, wenn das Element nicht die Leuchtkasten ist, renmove das OnClick Attribut

$('body').click(function(e){ 
console.log(e.target) 
if (!$(e.target).closest('#html5box-html5-lightbox').length) { 

        $('a.html5lightbox').trigger('click'); 
     } 
});

https://jsfiddle.net/oxtr7me0/

Quelle

2016-09-27 07:35:48 madalinivascu

Als ich auf Schließen geklickt habe. Wieder einmal Lichtkasten geöffnet. –

Können Sie einen Link zur Lightbox-Dokumentation bereitstellen? – madalinivascu

Ja werde ich https://html5box.com/html5lightbox/ –

Lightbox schließen innerhalb des Körpers

Antwort

Verwandte Themen