我有一个公告栏,其中有一个中心按钮链接到另一个网站。在最右边还有一个“关闭”按钮。当我单击中心按钮时,close按钮也会被触发。
我测试了一下是否因为我将#close
div从#bar
div中移除,将其封装在内部,但仍然导致了同样的问题。
var closeBar = document.getElementById("close");
var bar = document.getElementById("bar");
if (closeBar) {
addEventListener('click', function() {
bar.classList.add('superHidden');
})
}
#bar {
position: fixed;
width: 100vw;
display: flex;
height: 50px;
bottom: 0px;
left: 0px;
}
ul {
display: flex;
justify-content: center;
height: 100%;
list-style: none;
}
li {
margin: auto 0;
font-size: 22px;
}
#close {
position: fixed;
right: 20px;
bottom: 0;
z-index: 1000;
height: 50px;
width: 25px;
cursor: pointer;
}
.superHidden {
display: none!important;
}
<div id="bar">
<ul>
<li><a target="_blank" href="google.com"><button >Google</button></a></li>
</ul>
<div id="close">
<ul>
<li>X</li>
</ul>
</div>
</div>
https://stackoverflow.com/questions/56550512
复制相似问题