채택완료

제이쿼리 모달창 질문 드립니다.

2015-03-23 (월) 10:07:31 4,299
Copy
$(function(){						   		   	$('a.poplight[href^=#]').click(function() {		var popID = $(this).attr('rel');		var popURL = $(this).attr('href');						var query= popURL.split('?');		var dim= query[1].split('&');		var popWidth = dim[0].split('=')[1]; 		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" id="close"><img src="/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');				var popMargTop = ($('#' + popID).height() + 80) / 2;		var popMargLeft = ($('#' + popID).width() + 80) / 2;				$('#' + popID).css({ 			'margin-top' : -popMargTop,			'margin-left' : -popMargLeft		});				$('body').append('<div id="fade"></div>');		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();				return false;	});	 	$('document').click(function() {	  			$('#fade, .popup_block').fadeOut(function() {			$('#fade, img.btn_close').remove();   		return false; 		});			}); });

이 소스를 구해서 사용중입니다.

문제가 아무 영역이나 클릭시 창이 닫칩니다.

$('document').click(function()

여기에서 #​close를 하면 될것 같았는데 막상 적용해 보니 닫치질 안네요

도움 좀 부탁 드릴께요

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2015-03-23 (월) 10:54:04

$('document').click(function() {

 

이거 안쪽이 아예 작동 안하지 않으신가요???

 

$(document)... 이렇게 쓰셔야해요.​

답변에 대한 댓글 1개

아 질문이 잘못됬나부네요
$(document) 요렇게 하면 잘 닫히는데 문제가 페이지 아무곳이나 눌르면 창이 닫칩니다.
append 된 id="close" 만 누를 경우 닫히게 하고 싶습니다.

답변을 작성하려면 로그인이 필요합니다.