Javascript 弹出窗口用于显示在网页上，但不再显示

我确实在我的一个网页上有一个弹出窗口，当我点击一个链接时，它会显示出来，但是，虽然不知道发生了什么变化，但当我点击链接时，它似乎已经停止显示。使用Chrome使用“Inspect Element”时，正确的元素具有“display:block！”！重要的；'因此，我们应该展示

以下是代码片段：

函数弹出（）{
var popup=document.getElementById（“popup”）
var popupLayer=document.getElementById（“弹出层”）
popup.classList.toggle（“显示”）
popupLayer.classList.toggle（“显示”）
}

html，正文{
保证金：0；
填充：0；
框大小：边框框；
}
.点击{
光标：指针；
}
.弹出窗口{
背景色：白色；
身高：70%；
宽度：70%；
显示：无；
位置：相对位置；
边框：1px实心；
填充：20px；
z指数：2；
自对准：居中；
}
.弹出包装{
身高：100%；
宽度：100%；
可见性：隐藏；
显示：无；
位置：绝对位置；
显示器：flex；
证明内容：中心；
}
.表演{
显示：块！重要；
}
.弹出层{
背景颜色：灰色；
不透明度：0.3；
位置：绝对位置；
身高：100%；
宽度：100%；
利润上限：-20px；
z指数：1；
显示：无；
}
#第1页{
背景色：#b3d9ff；
高度：100vh；
宽度：100%；
}

点击我！
点击我！

这实际上是一个调试问题，应该由您来完成，或者至少告诉我们您的想法

无论如何，在

.popup wrapper

中，我取出了

高度

，因为我认为它超出了视图范围

---

函数弹出（）{
var popup=document.getElementById（“popup”）；
var popupLayer=document.getElementById（“弹出层”）；
popup.classList.toggle（“显示”）；
popupLayer.classList.toggle（“显示”）；
}

html，正文{
保证金：0；
填充：0；
框大小：边框框；
}
.点击{
光标：指针；
}
.弹出窗口{
背景色：红色；
身高：70%；
宽度：70%；
显示：无；
位置：相对位置；
边框：1px实心；
填充：20px；
z指数：2；
自对准：居中；
}
.弹出包装{
宽度：100%；
显示：无；
位置：绝对位置；
显示器：flex；
证明内容：中心；
}
.表演{
显示：块！重要；
}
.弹出层{
背景颜色：灰色；
不透明度：0.3；
位置：绝对位置；
身高：100%；
宽度：100%；
利润上限：-20px；
z指数：1；
显示：无；
}
#第1页{
背景色：#b3d9ff；
高度：100vh；
宽度：100%；
}

点击我！
点击我！

是，这是问题的根源所在。但是，如果您将事件放在a元素中，它更倾向于使用此代码来阻止重定向，或者使用按钮来代替此

var popupDiv = document.getElementById("popup");
var popupLayer = document.getElementById("popup-layer");
var clickMe=document.querySelectorAll(".click");
function popup() {
  popupDiv.classList.toggle("show");
  popupLayer.classList.toggle("show");
}
clickMe.forEach(function(elem){
  elem.addEventListener('click',function(e){
  e.preventDefault();
  popup()},false);
});

---

CSS因此改变了这一部分

.popup包装器{
身高：50%；
宽度：100%；
显示：无；
位置：绝对位置；
显示器：flex；
z指数：0；
证明内容：中心；
}

JS是最好的方式

var popupDiv=document.getElementById（“弹出”）；
var popupLayer=document.getElementById（“弹出层”）；
var clickMe=document.queryselectoral（“.click”）；
函数popup（）{
popupDiv.classList.toggle（“显示”）；
popupLayer.classList.toggle（“显示”）；
}
clickMe.forEach（函数（元素）{
元素addEventListener（'click'，函数（e）{
e、 预防默认值（）；
弹出（），错误）；
});