JS проблем със затваряне на кутийка.

[deam0n]

Имам следния код:

<script type="text/javascript">
$(document).ready(function() {
	$('a.login-window').click(function() {
		
		// Getting the variable's value from a link 
		var loginBox = $(this).attr('href');

		//Fade in the Popup and add close button
		$(loginBox).fadeIn(300);
		
		//Set the center alignment padding + border
		var popMargTop = ($(loginBox).height() + 24) / 2; 
		var popMargLeft = ($(loginBox).width() + 24) / 2; 
		
		$(loginBox).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		// Add the mask to body
		$('body').append('<div id="mask"></div>');
		$('#mask').fadeIn(300);
		
		return false;
	});
	
	// When clicking on the button close or the mask layer the popup closed
	$('a.close , #mask').click(function() { 
	  $('#mask , .login-popup').fadeOut(300 , function() {
		$('#mask').remove();  
	}); 
	return false;
	});
	
	
});
</script>

Когато се натисне а.login-window се появява login кутийка, която стои над всичко. Когато се натисне a.close кутийката се скрива. Отстрани на кутийката седи #mask, който също би трябвало при натискане да скрива кутийката, но не става.. Някой има ли идея защо?

 

[Fakeheal]

Конзолата връща ли някакви грешки при кликането на #mask?

 

[deam0n]

Конзолата връща ли някакви грешки при кликането на #mask?

Не. Все едно такъв див няма.. Ама има щото иначе немаше да се скрива съдържанието.

 

[Fakeheal]

Я дай демо с HTML-a, CSS-a и JavaScript-a на едно. Например в JSfiddle, да го разгледаме

 

[deam0n]

http://jsfiddle.net/qp9Sc/

Тъкмо това правех. Няма логика да не работи след като същия код работи при натискане на хиксчето ( x-чето на jsfiddle-а е тази липсващата картинка )

 

[Fakeheal]

$(document).click(function (e) {
        if (!$(event.target).is('.login-popup')) {
            $('#mask , .login-popup').fadeOut(300, function () {
                $('#mask').remove();
            });
            return false;
        }
    });