Jquery 为什么当我点击目标时，下拉列表仍然消失？

我这里有一些代码，当您单击时，如果是目标，那么下拉列表将不会删除该类（并且不会消失）。我点击了这个元素，但下拉列表仍然消失了

请进一步澄清。这是一个下拉列表，它对搜索查询的用户名进行回调，我尝试在回调后单击用户名

这是我的密码：

$(document).on('click', function (e) {
    if ($(e.target).is('.atwho-container li.cur') === false) {
        $('nav.main ul.right li.main-categories').removeClass('active');
        console.log($(e.target));
    }
});

请帮我找出为什么我的代码不起作用？我尝试了不同的变化，但仍然收尾

下面是HTML的外观

---

如果您在

中有另一个元素，例如
谢谢您的帮助，在您的评论的帮助下并查看我自己的代码，我最终添加了&&而不是| |，因为我有很多事情要做------如果用户单击外部它关闭------但是如果用户单击特定的，它不会关闭。在li.cur里面实际上什么都没有。
$(document).on('click', function(e) {
  if ($(e.target).is('.atwho-container li.cur') === false) {
    console.log("close the dropdown");
  } else {
    console.log("don't close the dropdown");
  }
});