1

Как можно определить, что человек нажал за пределы модального окна?

2 ответа 2

4

Советую убрать onclick из html. Смотрим сюда.

var modal = $("#modal"),
    login = $("#login");

function modal_open(e){
    e.preventDefault();
    modal.show().animate({opacity: 1}, 500 );
    login.show(500);
}
function modal_close(e){
    e.preventDefault();
    login.hide(500);
    modal.animate({opacity: 0}, 500 );
    setTimeout(function() { modal.hide(100) }, 500);
}
$('.animated').on('click', modal_open);
$('.glyphicon-remove').add('#modal').on('click', modal_close);
$('#login').on('click', function(e){
    e.stopPropagation();
});
5
  • вообще вы там видели jquery?
    – binliz
    12 авг 2014 в 10:16
  • @binliz, вообще, да. И в песочнице выставлена версия 2.x (edge), и код сам за себя говорит, да и в тегах вопроса присутствует.
    – Deonis
    12 авг 2014 в 10:22
  • @Deonis прошу прощения за невнимательность
    – binliz
    12 авг 2014 в 10:26
  • @binliz, ничего страшного.
    – Deonis
    12 авг 2014 в 10:27
  • @Deonis, спасибо большое, всё работает, очень благодарен вам за помощь!
    – Mr_Epic
    12 авг 2014 в 12:01
2

За пределами окна у вас есть серая область которая называется #modal на нее и вешайте свои события.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.