Как мне работать, чтобы закрыть этот модальный?

Question

Итак, я пытался играть с JS на this codepen так, что при нажатии на заднем плане, она закрывает модальное ... Но, у меня есть две проблемы:

1. .modal содержится внутри. modal-background
2. Я такой позорный noob, что не могу найти обходного пути.

Помогли ли вы, ребята? Все, так что я могу узнать и исправить :)

Здесь ниже приведен код 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

Если у вас возникли вопросы о том, как не допустить, чтобы модальная функция была закрыта, нажмите на нее, чтобы закрыть ее (например, если вы хотите вставить в нее кнопку или что-то в этом роде). ..

Это будет делать:

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