Javascript 我如何解决关闭此模式的问题？

所以，我一直在尝试打开js，这样当你点击背景时，它就会关闭模式。。。但是，我有两个问题：

.modal包含在.modal背景中

我是个可耻的笨蛋，似乎找不到解决办法 你们能帮忙吗？任何我可以学习和修复的东西：）

下面是js代码：

$('.button').click(function(){
  var buttonId = $(this).attr('id');
  $('#modal-container').removeAttr('class').addClass(buttonId);
  $('body').addClass('modal-active');
})

$('#modal-container').click(function(){
  $(this).addClass('out');
  $('body').removeClass('modal-active');
});

---

谢谢D

如果您的问题是关于如何防止模式在直接单击时关闭，但在背景上保持单击以关闭它（例如，如果您想在其中插入按钮或任何东西）

这将有助于：

$(".modal").click(function(){
    return false;
});

---

谢谢：）但是现在，我一点也关不上了，还是我遗漏了什么？我尝试添加

Close

inside.modal和以下代码来关闭它

$（“#Close btn”）。单击（function（）{$（“#modal container”）.addClass（“out”）；$（“body”）.removeClass（“modal active”）；}）但没有任何变化：（关闭模式的代码已经存在…请尝试此更简单的按钮代码：
$（“#关闭btn”）。单击（函数（）{$（“#模式容器”）。单击（）；
。它将“模拟背景上的单击”.好的…有一个问题…等等。在HTML中注释SVG解决了这个问题，对预期结果没有任何明显的影响…我只是不知道它为什么会出现。请参见“谢谢！你是一个传奇人物！”！