jQuery click/on(click) 事件在 Firefox 中不会触发？

Question

以下代码:在 Firefox 中不会触发一键单击事件(关闭登录框)(但是，webkit 浏览器可以工作。并且 slideToggle 单击事件在所有浏览器中都可以工作)。有人知道为什么吗？

HTML

<div class="loginbox" id="loginbox">
    <div class="loginbox_close" id="loginbox_close"></div>
    ...
    <input type="button" value="Login" class="btn_login"></div>
</div>

jQuery

$(document).ready(function() {

    $('#menu').on('click', '#menu_login', function() {
            alert('test'); // this DOES fire, works in all browsers
        $('#loginbox').slideToggle(240,'swing');
    });
    $('#loginbox').on('click', '#loginbox_close', function() {
        alert('test'); // does not fire in FF, however webkit browser work!
        $('#loginbox').slideUp(240,'swing');
    });
});

CSS

.loginbox {
    width:164px;
    padding:10px 18px 14px 18px;
    border:1px solid #CCC;
    border-top:0px;
    position:absolute;
    margin-left:780px;
    background:#678;
    opacity:0.9;
    box-shadow:inset 20px 40px 80px 4px #789,0 2px 8px #ABC;
    }

.loginbox_close {
    width:20px;
    height:20px;
    float:right;
    background:#EEE;
    cursor:pointer;
    position:absolute;
    margin-left:150px;
    }

Answer 1

由于您使用的是委托(delegate)事件，因此只有在从 #loginbox_close 冒泡时才会触发点击。

Here's a working example of your code #loginbox_close 以红色框出。单击此框，您将看到该事件正在运行。

和here's a fuller version直接使用上面的代码并添加红色边框。