Question

请参阅此小提琴fiddle

我想在这里有以下要求。

点击div＆＃39; bbb＆＃39;应该显示另一个div＆＃39; aaa＆＃39; ------工作

将diviu文本框集中在div＆＃39; aaa＆＃39;不应该消失div＆＃39; aaa＆＃39; ----工作

如果用户点击其他任何地方（除了div＆＃39; aaa＆＃39;和div＆＃39; bbb＆＃39;）div＆＃39; aaa＆＃39;应该消失------不在这个时间点工作

请告知我最终要求。

Jquery代码

$(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

您的第二个条件需要使用$(e.target)代替e.target。您还可以在条件中删除一些冗余括号(和)：

if(!$(e.target).is('#aaa') && !$(e.target).is('#bbb'))   {
// -----                         ^ here you need to use $(e.target) not $(target)

更新小提琴：http://jsfiddle.net/V7uc7/4/

Answer 2

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

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

无需在click event上添加#bbb尝试此操作，

$(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

Answer 3

<强>＆GT;嗨朋友请删除此

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

**& add this code**

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

jsfiddle_demo

Jquery正在消失div问题

3 个答案: