单击div外部时的mouseup函数

Question

我有一个带有jquery的工作html页面，其中一个函数不起作用：

在主页上隐藏了两个div（'containerSW'和'containershort'）后，我打开了div（'containerprC'）。

我现在想要的是，当'我只点击div的外时，（'containerprC'）淡出，并且隐藏的div会淡入。

这是脚本：

$(document).on('mouseup', function(e) {
if (!$(e.target).is('#containerprC') && !$(e.target).parents().is('#containerprC')) {

    $('#containerprC').fadeOut("slow");
    $('#containerSW').fadeIn('slow');
    $('#containershort').fadeIn('slow');
}
});

淡出和完成工作正常，但如果我点击页面上的任何位置，包括在containerprC内部，它们就会发生。

所以这意味着第一行（if（！$（e.target）.is）无法正常工作。 我怎么能让它工作？ 非常感谢。

Answer 1

你的第二个条件是错的。但是你可以为这个改变你的整个条件：

if (!$(e.target).is('#containerprC, #containerprC *')) 

它将检查目标是div还是其中一个孩子。