제이쿼리 모달창 질문 드립니다.
본문
$(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
$('document').click(function() {
이거 안쪽이 아예 작동 안하지 않으신가요???
$(document)... 이렇게 쓰셔야해요.
아 질문이 잘못됬나부네요
$(document) 요렇게 하면 잘 닫히는데 문제가 페이지 아무곳이나 눌르면 창이 닫칩니다.
append 된 id="close" 만 누를 경우 닫히게 하고 싶습니다.
답변을 작성하시기 전에 로그인 해주세요.
