Jquery Click 事件不触发

Question

以下代码是一个下拉登录框。该链接会出现，但不可点击。当我将鼠标悬停在它上面时，它不会将其识别为链接，而是简单的文本。单击也不会触发任何内容。

Js：

$(document).ready(function(){
    $("#login-link").click(function(){
        $("#login-panel").slideToggle(200);
    })
})

html：

<a id='login-link' href='#login' title='Login'>Connexion</a>
<div id='login-panel'>
</div>

Css：

#login-link{
    position: absolute;
    top: 2px;
    right: 2px;
    display: block;
    background: #2a2a2a;
    padding: 5px 15px 5px 15px;
    color: #FFF;
    text-decoration:none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#login-panel{
    position: absolute;
    top: 30px;
    right: 2px;
    width: 190px;
    padding: 5px 14px 5px 14px;
    background: #2a2a2a;
    font-size: 7pt;
    font-weight: bold;
    color: #FFF;
    display: none;
    text-align: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    z-index: 1000;
    overflow: hidden;
}

注意：我在其他项目上应用了event.preventDefault()，但没有理由它以任何方式从它继承......