燈箱在身體內關閉

我的客戶需要在頁面內的任何地方點擊打開燈箱。所以我創建了一個函數，並使用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>

從上面的代碼，我已經成功地打開收藏夾，但是當我嘗試關閉燈箱不能因爲關閉點擊再次打開它。

我的問題是，我該如何防止它再次打開？

來源

2016-09-27 vaghela chirag

關閉燈箱後，當您在頁面上再次單擊要發生什麼？ –

觸發只有當元素不是收藏夾點擊，renmove 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/

來源

2016-09-27 07:35:48 madalinivascu

當我點擊關閉按鈕。燈箱再次打開。 –

你能否提供一個鏈接到燈箱文檔？ – madalinivascu

是的，我會https://html5box.com/html5lightbox/ –

燈箱在身體內關閉

回答

相關問題