jquery - jQuery div 显示错误

Question

请看看这个小提琴

它不应该工作吗？难道我做错了什么？

<a href="#" id="#dwkere">link</a>
<div id="form-holder">text</div>

#form-holder {
    display: none;
    background: #000000;
    opacity: 0.9;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 991;
}

$(document).ready(function () {
    $("#dwkere").click(function(){
        $("#form-holder").css("filter", "alpha(opacity=40)");
    });

Answer 1

有一堆问题，

1. #在链接标签 id 内移除
2. 缺少});准备好的文件
3. jQuery 不包含在 jsfiddle 中
4. 更改.css('opacity', 0.4)为 jQuery 在浏览器中处理它
5. 修改了 div 的 CSS，因为它是绝对定位的，并且显示在链接标记上方，因此无法单击。

演示：http: //jsfiddle.net/rJq8b/8/

如果您希望在应用不透明度之前隐藏元素，请使用下面的演示。

演示： http: //jsfiddle.net/rJq8b/18/ [如Travis J所述]

HTML：

<a href="#" id="dwkere">link</a>
<div id="form-holder">text</div>

CSS：

#form-holder {background:#fff;opacity:0.9;position:fixed;top:20;left:20;min-width:100%;min-height:100%;z-index:991;}

JS：

$(document).ready(function() {
    $("#dwkere").click(function() {       
        $("#form-holder").css('opacity', 0.4);
    });
});