jquery - 当登录下拉菜单可见时，防止文档中其他地方的默认值

Question

我有一个在大图像滑块上淡入的登录框。我想防止在登录框打开时单击图像滑块链接（这样他们就可以单击其上的任意位置以关闭登录框）。

下面是我的代码，但它不起作用，单击滑块仍会激活链接。

$('#my-raveis-login').click(function() {
    if ($('#login-box').is(':hidden')){
        $('#login-box').fadeIn('normal');
        $('#login-box').find('.login-toparrow').fadeIn('normal');
    }
    else{
        $('a.featured').click( function() {
            e.preventDefault();
        });
        $('#login-box').fadeOut('normal');
        $('#login-box').find('.login-toparrow').fadeOut('normal');
    }
    return false
});

有任何想法吗？

Answer 1

能够回答我自己的问题。这是我的工作代码。

//Login Toggle
$('#my-raveis-login').click(function() {
    if ($('#login-box').is(':hidden')){
        $('#login-box').fadeIn('normal');
        $('#login-box').find('.login-toparrow').fadeIn('normal');
    }
    else{
        $('#login-box').fadeOut('normal');
        $('#login-box').find('.login-toparrow').fadeOut('normal');
    }
    return false
});
//Prevent slider if login is open
$('#home-slider a.featured').click(function(e) {
    if ($('#login-box').is(':visible')){
        e.preventDefault();
        $('#login-box').fadeOut('normal');
        $('#login-box').find('.login-toparrow').fadeOut('normal');
    } 
});

它有点重复了一些隐藏登录的代码，但它确实有效。如果您有更清洁的方法，请随时发布。