-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出现,那么只有在点击它的时候消失了,不脱了。 –
查看与此问题重复的链接上给出的其他选项 –