如何关闭灯箱？
如何关闭灯箱？
提问于 2018-06-08 05:30:40
我写了一段代码，当你进入页面时会显示一个lightbox。就像弹出窗口一样。理论上，当你按下'x‘时，它应该会关闭，’x‘出现在盒子的角落，但由于某些原因，代码不能正常工作，它无法关闭，所以lightbox留在了那里。有人有什么建议吗？如果您能帮忙，我们将不胜感激！
lightBoxClose = function() {
document.querySelector(".lightbox").classList.add("closed");
}.lightbox {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.toolbarLB {
text-align: right;
padding: 3px;
}
.closeLB {
color: red;
cursor: pointer;
}
.lightbox .iframeContainer {
vertical-align: middle;
background: #CCC;
padding: 2px;
background:rgba(255,255,255,0.9);
}
.lightbox.closed {
display: none;
}<div class="lightbox">
<div class="iframeContainer">
<div class="toolbarLB">
<span class="closeLB" onclick="lightBoxClose()">x</span>
</div>
<p align="center">More text is here</p>
<h1>Just text</h1>
</div>
</div>
回答 1
Stack Overflow用户
发布于 2018-06-08 05:47:19
在您的代码片段中，它已经可以工作了，所以只需确保将javascript放在<script>标记中，将<script>放在<body>标记中即可。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50750437
复制相关文章
相似问题