Jquery 消失的 div 问题

Question

请引用这个 fiddle fiddle

我想在这里有以下要求。

div 'bbb' 的点击事件应该显示另一个 div 'aaa' ------ 工作

在 div 'aaa' 中聚焦 variuos 文本框时不应消失 div 'aaa' ---- 工作

如果用户点击其他任何地方(除了 div 'aaa' 和 div 'bbb')，div'aaa' 应该消失 ------ 此时不工作

请告知我最终要求。

J查询代码

$(document).ready(function () {
    $("#bbb").click(function () {
        $('#aaa').show();
    });
});

$(document).ready(function () {
    $(document).click(function (e) {
        if ((!$(e.target).is('#aaa')) && (!$(target).is('#bbb'))) {
            $('#aaa').hide();
        }
    });
    $("#aaa input").click(function (e) {
        e.stopPropagation();
    });
});

Answer 1

将 $(target) 更改为 $(e.target) ，

if ((!$(e.target).is('#aaa')) && (!$(e.target).is('#bbb'))) {
   $('#aaa').hide();
}

无需在 #bbb 上添加 click 事件 试试这个，

$(document).ready(function () {
    $(document).click(function (e) {
        if($(e.target).is('#bbb')) {
            $('#aaa').show();
        }
        if ((!$(e.target).is('#aaa')) && (!$(e.target).is('#bbb'))) {
            $('#aaa').hide();
        }
    });
    $("#aaa input").click(function (e) {
        e.stopPropagation();
    });
});

Demo