Question

为什么这个JavaScript函数不会触发弹出窗口？我已经尝试过.classlist以及style.visibility，并且都没有触发#filter div显示。

<div class='lpicon' onclick="designFunction">
    <img class='lpactionicon'  src='file:///Users/homefolder/Desktop/Hyperspace%20Website/Images/Launchpad/LP%20Action%20Icon-%20Design.png'/>
</div>

<div id='filter'>
</div>

CSS：

.lpicon {
   height: 100px;
   width: 50px;
   margin-left: 14%;
   margin-top: 8%;
   float: left;   }

#filter {
  visibility: hidden;
  height: 100%;
  width: 100%;
  background-color: grey;
  position: absolute;
  opacity: .7;
  top: 0px; }

JavaScript：

function designFunction() {
     document.getElementById("filter").classList.remove("block");
 }

Answer 1

我认为你需要使用designFunction（），你需要更改过滤器div的CSS，所以你使用块，如果没有，那么你必须提供更多的代码，因为块不存在。您可以通过选择它并使用.CSS()来使其可见来进行设置。有关详细信息，请参阅其文档。

CSS＆amp; JavaScript弹出窗口不起作用

1 个答案: