Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何关闭灯箱?_Javascript_Html_Css_Lightbox - Fatal编程技术网

Javascript 如何关闭灯箱?

Javascript 如何关闭灯箱?,javascript,html,css,lightbox,Javascript,Html,Css,Lightbox,我已经做了一个代码,当你进入页面时会显示一个灯箱。就像一个弹出窗口。理论上,当你按下出现在盒子角落的“x”时,它应该关闭,但由于某种原因,代码不能正常工作,它无法关闭,因此灯箱就留在那里。有人有什么建议吗?非常感谢您的帮助 lightBoxClose=function(){ document.querySelector(“.lightbox”).classList.add(“closed”); } .lightbox{ 位置:固定; 排名:0; 底部:0; 左:0; 右:0; 显示器:flex

我已经做了一个代码,当你进入页面时会显示一个灯箱。就像一个弹出窗口。理论上,当你按下出现在盒子角落的“x”时,它应该关闭,但由于某种原因,代码不能正常工作,它无法关闭,因此灯箱就留在那里。有人有什么建议吗?非常感谢您的帮助

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放在
标签中,而不是
标签中。