Question

我是javascript的初学者，我似乎无法解决问题。

我正在尝试使用jquery显示叠加div。这就是我所拥有的

$("#loginbutton").click(function() {
    alert('Ola');
    $('#overlay').show();
    return false;
  });

叠加的附带css

#overlay {
z-index:1000;
position:fixed;
top:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0.45;
-moz-opacity:0.45;
filter:alpha(opacity=45);
visibility:hidden;
}

按下登录按钮将显示警报，但不会显示div。有谁知道为什么这不起作用？

由于

Answer 1

将visibility:hidden更改为display:none

我相信$ .show（）函数是display:block属性的简写，它将取代display:none

但是，如果你有visibility:hidden，那么它将保持隐藏状态

Answer 2

你可以尝试：

display:none;

而不是

visibility:hidden;

Answer 3

display:none应该可以正常使用

Answer 4

您可以在文档完全加载时调用click事件所以试试

  $(document).ready(function(){
     $("#loginbutton").click(function() {
       alert('Ola');
       $('#overlay').show();
       return false;
     });
   )};

无法让JQuery show工作

4 个答案: