我如何解决这个模式？

Question

所以，我一直试图在this codepen上玩js，这样当你点击背景时，它会关闭模态......但是，我有两个问题：

1. .modal包含在.modal-background
中
2. 我是一个如此可耻的菜鸟，我似乎无法找到解决方法。
你能帮忙吗？任何事情，所以我可以学习和修复：）

以下是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

Answer 1

如果您的问题是关于如何防止模式在直接点击它时关闭，但是在背景上单击以关闭它（就像您要在其中插入按钮或任何内容一样）...... < / p>

这样做：

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