灯箱在 body 内关闭

Question

我的客户要求在页面内的任意位置单击时打开灯箱。所以我创建了一个函数并使用 onclick 事件在 body 中调用它。

Javascript:

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

HTML:

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

从上面的代码，我已经成功打开了灯箱，但是当我尝试关闭灯箱时，它无法关闭，因为点击会再次打开它。

我的问题是如何防止它再次打开？

Answer 1

仅当元素不是灯箱时触发点击，移除onclick属性

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

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

https://jsfiddle.net/oxtr7me0/

灯箱在 body 内关闭

Lightbox close within body

html

javascript

jquery

lightbox