Skip to content

Instantly share code, notes, and snippets.

@igorpronin
Last active November 23, 2015 12:30
Show Gist options
  • Save igorpronin/dc14cc55d9b50520fed7 to your computer and use it in GitHub Desktop.
Save igorpronin/dc14cc55d9b50520fed7 to your computer and use it in GitHub Desktop.
Закрытие попапа по клику вне его
// Без комментов
$(document).mouseup(function(e) {
var div = $("#popup-element");
if (!div.is(e.target) && div.has(e.target).length === 0) {
$('#popup-element').addClass('hidden');
// $('#popup-element').hide(); // еще способ скрыть.
}
});
// С комментами (использовать вариант без комментов, с комментами Lint выдает ошибку).
$(document).mouseup(function (e){ // событие клика по веб-документу
var div = $("#popup-element"); // тут указываем ID элемента
if (!div.is(e.target) // если клик был не по нашему блоку
&& div.has(e.target).length === 0) { // и не по его дочерним элементам
$('#popup-element').addClass('hidden'); // скрываем его
// $('#popup-element').hide(); // еще способ скрыть.
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment