0

我正在尝试为单击某个时使用信息弹出窗口的站点创建灯箱效果ID。该站点非常大，因此我在下面添加的代码已被修剪掉任何多余的内容。当我单击 时，我试图.overlay通过删除来显示。我的 jQuery 代码出了点问题，但我不确定是什么，因为我不擅长它。.hidden#box1

JSFIDDLE

HTML

<div id="nav"></div>
<div id="content">
    <div id="box1">Click Me</div>
</div>
<div id="footer">
    <div id="overlay" class="hidden"></div>
</div>

CSS

#nav{height:200px;background:#CCC;}
#content{height:200px;background:blue;}
#footer{height:200px;background:red;}
#box1{height:50px; width:50px; background:#0F0;position:absolute; left:300px;top:400px;}
#overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:visible;background:#90F;}
.hidden{display:none;}

查询

$(document).ready(function(e) {
    $("#box1").click(function(e) {
        $("#overlay").removeClass("hidden");
    });
});
4

1 回答 1

4

当您包含 jQuery 时，jsfiddle 有效，所以我认为问题取决于 jQuery 的包含。

于 2013-07-25T12:49:51.460 回答