@reaget

Почему исчезает popup при нажатие на окно?

Есть такое окно модальное:
<div class="popup">
	<div class="form2019">
	<h1>Заявка</h1>
	<p>Заполните короткую форму и наш специалист свяжется с Вами в ближайшее время</p>	
		<form id="form2019">
		
		</form>
	</div>
</div>

Вот код CSS
.popup {
	position: fixed;
	background:rgba(0,0,0,.6);
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index:99;
}
.form2019 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
		z-index:999;
		width:434px;
		padding:30px 40px;
		background:#FFFFFF;
		border:1px solid #666666;
		border-radius:1px;
		box-shadow:0 0 2px rgba(0,0,0,0.6);
	}


Проблема в том, что когда я нажимаю на само окно, оно исчезает. Почему?
Я проверял с помощью JQuery, при нажатии на форму, target равен div.popup, а не div.form2019
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
@fallus
Не знаю, правильно ли я понял суть проблемы.

Оно исчезает потому, что является частью родительского контейнера, который должен скрыться.
Нужна проверка.

$(".popup").click(function(e){
  if(e.target == this){
    $(".popup").fadeOut(400);
  }
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@xonar
Может потому что у popup в стилях display: none; ? Естественно его не будет видно. Если хотите, чтобы popup окно открывалось при вызове, ему нужно класс вешать например is-active со свойством display:block.

Если я правильно понял вашу проблему конечно.
Или скорее всего, вы добавили событие в jquery если клик на окно происходит, то он скрывается. Код полный покажите на codepen.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 авг. 2019, в 01:06
2000 руб./за проект
25 авг. 2019, в 23:48
4000 руб./за проект
25 авг. 2019, в 22:35
1000 руб./за проект