Показать сообщение отдельно
  #1 (permalink)  
Старый 12.10.2016, 12:00
Интересующийся
Отправить личное сообщение для Fomax Посмотреть профиль Найти все сообщения от Fomax
 
Регистрация: 23.09.2016
Сообщений: 20

Не работает код в jquery, вероятно что то сделал не так...
рабочий код (при клике на кнопку - всплывает окно, при клике в области вне основного окна - оно исчезает):

var ButtonForRegLog = document.getElementById('login');
var MainModal = document.getElementById('F_ModalBackground');
var BodyOverflow = document.getElementsByTagName('body')[0];

ButtonForRegLog.onclick = function(){
	MainModal.style.display = "flex";
	BodyOverflow.style.overflow = "hidden";
}
window.onclick = function(event){
	if(event.target == MainModal){
		MainModal.style.removeProperty('display');
	}
}



Написал тоже самое на jquery, теперь при нажатии на кнопку оно появляется, не не исчезает обратно при клике вне области.

$(document).ready(function(){
	
	$("#login").click(function(){$("#F_ModalBackground").css("display","flex")});
	$(window).click(function(event){if(event.target == $("#F_ModalBackground")){$("#F_ModalBackground").css("display","")}});
	
});
Ответить с цитированием