-1
我有一些代碼會在滿足定時器後彈出一個彈出窗口。目前代碼的設計目的是當你點擊它關閉的元素時,我只想將其反轉,以便當你點擊關閉的元素(屏幕上的任何其他位置)時。Javascript隱藏點擊元素
在此先感謝您的幫助。
<script type="text/javascript">
$(document).ready(function() {
if(localStorage.getItem('popState') != 'shown'){
$("#popup").delay(5000).fadeIn();
localStorage.setItem('popState','shown')
}
$('#popup-close').click(function(e) // You are clicking the close button
{
$('#popup').fadeOut(); // Now the pop up is hiden.
});
$('#popup').click(function(e)
{
$('#popup').fadeOut();
});
});
的HTML/CSS是:
<div style="display:none; width:50%; height:50%; background-color:blue; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:1000;" id="popup"><p>Testing Newsletter Box</p><p>Click to close</p></div>
這不是一個菜單或點擊上,單擊關閉事件。這是一個彈出窗口,它自己出現,一旦關閉就不能再被帶回來,因此與之前的問題不一樣。
嘗試這樣做,它似乎沒有改變什麼,在div出現,那麼只有在點擊它的時候消失了,不脫了。 –
查看與此問題重複的鏈接上給出的其他選項 –