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()来使其可见。有关更多信息，请参阅其文档。