Question

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

使用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/

灯箱靠近体内

1 个答案: