jquery div顯示錯誤

Question

請檢查這fiddle

它應該不工作？難道我做錯了什麼？

<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，因爲它是絕對定位的，並顯示在鏈接標記的正上方，因此無法點擊。

DEMO：如果要應用透明度之前的元素被隱藏http://jsfiddle.net/rJq8b/8/

使用下面演示的情況。

DEMO：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); 
    }); 
});