Как закрыть модальное окно при клике вне элемента?

Question

[Антон]

Здравствуйте, помогите пожалуйста уже 3 день голову ломаю, как сделать чтобы модальное окно закрывалось при клике вне этого окна?
Вызываю окно так:

$(document).ready(function(){
   $("#button").click(function(){
      $("#block").toggleClass("active");
   });
});

Comments

[Михаил Плюснин]

trigger() jquery?

[Антон]

Михаил Плюснин: можно подробнее?

[Михаил Плюснин]

Антон: $(body).on("click", function(){ $("#button").trigger('click') })

[Антон]

Михаил Плюснин: ммм интересно)

Answer 1

[Сергей delphinpro]

Антоша, тебе же уже подсказывали =)
Даже я показал как сделать правильно. Что не понятно-то?
Накуя столько одинаковых вопросов, мог бы и в том уточнить непонятные моменты...

Короче, не задавай этот вопрос еще раз. Вот - https://codepen.io/delphinpro/pen/ZKmQpX?editors=1010
только не копипасти, разберись в принципах работы.

Comments

[Антон]

Да подсказывали но что-то пошло не так)) Спасибо за пример буду вникать)))

[Антон]

Спасибо большое! Отличный пример! Я внимательно ознакомился и все получилось:)

Answer 2

[Ростислав Игнатенко]

У вас по любому у модального окна есть блок-родитель, сделайте блоку-родителю высоту 100% и ширину 100%, и при клике на блок-родитель - будет закрываться ваше модальное окно.

Comments

[Антон]

Пробовал, кнопка вызова этого самого окна находится примерно в середине этого родительского элемента, из за этого я даже ее вызвать не могу потому что клик срабатывает и окно сразу закрывается.