Javascript 如何关闭灯箱?
我已经做了一个代码,当你进入页面时会显示一个灯箱。就像一个弹出窗口。理论上,当你按下出现在盒子角落的“x”时,它应该关闭,但由于某种原因,代码不能正常工作,它无法关闭,因此灯箱就留在那里。有人有什么建议吗?非常感谢您的帮助Javascript 如何关闭灯箱?,javascript,html,css,lightbox,Javascript,Html,Css,Lightbox,我已经做了一个代码,当你进入页面时会显示一个灯箱。就像一个弹出窗口。理论上,当你按下出现在盒子角落的“x”时,它应该关闭,但由于某种原因,代码不能正常工作,它无法关闭,因此灯箱就留在那里。有人有什么建议吗?非常感谢您的帮助 lightBoxClose=function(){ document.querySelector(“.lightbox”).classList.add(“closed”); } .lightbox{ 位置:固定; 排名:0; 底部:0; 左:0; 右:0; 显示器:flex
lightBoxClose=function(){
document.querySelector(“.lightbox”).classList.add(“closed”);
}
.lightbox{
位置:固定;
排名:0;
底部:0;
左:0;
右:0;
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
.1b{
文本对齐:右对齐;
填充:3倍;
}
.closeLB{
颜色:红色;
光标:指针;
}
.lightbox.iframeContainer{
垂直对齐:中间对齐;
背景:#CCC;
填充:2px;
背景:rgba(255255,0.9);
}
.灯箱,关上了{
显示:无;
}
x
这里有更多文本
只是文字
在你的代码片段中,它已经在工作了,所以只要确保你把javascript放在
标记中,把
放在
标记中就行了。我更新了你的代码片段,它就可以工作了。如果你最初在你的网站上,那是因为你在
标签中有JS。没有插件,你需要把JS放在
标签中,而不是
标签中。