레이어 팝업이 안뜨네요....

2015.08.12 21:27:10 1910 (221.♡.♡.143)

본문

어디가 잘못된건지를 모르겠습니다

고수님들 도움 부탁드립니다 ㅠㅠ

<!DOCTYPE html>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style type="text/css">
body {
font-size: 12px;
color: #FFFFFF;
font-family: "굴림";
}
#layer_pop{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('./images/dark_bg.png'); display:none;}
#layer_pop .pop_cont{position:absolute;}
#layer_pop1{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('./images/dark_bg.png'); display:none;}
#layer_pop1 .pop_cont1{position:absolute;}
#layer_pop2{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('./images/dark_bg.png'); display:none;}
#layer_pop2 .pop_cont2{position:absolute;}
#layer_pop3{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('./images/dark_bg.png'); display:none;}
#layer_pop3 .pop_cont3{position:absolute;}
#layer_pop4{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('./images/dark_bg.png'); display:none;}
#layer_pop4 .pop_cont4{position:absolute;}
#layer_pop5{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('./images/dark_bg.png'); display:none;}
#layer_pop5 .pop_cont5{position:absolute;}
.btn_close{display:block; font-weight:bold; color:#FFFFFF; padding:3px; text-align:right;}

</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
popConfig();
});
function popConfig(){

$(".btn_open").click(layerOpen($(this).attr('data-target')); return false;);

$(".btn_close").click(layerClose($(this).attr('data-target')); return false;);

}

function layerOpen(target){

if(target==undefined) return false;

$('#'+target).show();

var tx = ($(window).width()-$(target+" .pop_cont").width())/2;

var ty = ($(window).height()-$(target+" .pop_cont").height())/2;

$("#layer_pop .pop_cont").css({left:tx+"px",top:ty+"px"});

$("body").css("overflow","auto");

}

function layerClose(target){

if(target==undefined) return false;

$(target).hide();

$("body").css("overflow","auto");

}
</script>
</head>
</div>
<table cellspacing="0" cellpadding="0" align="center">
<tr>
  <td height="60"></td>
</tr>
<tr>
  <td>
  <a href="#" class="btn_open" data-target="layer_pop1">
  레이어1링크
  </td>
</tr>
<tr>
  <td height="15"></td>
</tr>
<tr>
  <td>
  <a href="#" class="btn_open" data-target="layer_pop2">
  레이어2링크
  </td>
</tr>
<tr>
  <td height="15"></td>
</tr>
<tr>
  <td>
  <a href="#" class="btn_open" data-target="layer_pop3">
  레이어3링크
  </a>
  </td>
</tr>
<tr>
  <td height="15"></td>
</tr>
<tr>
  <td>
  <a href="#" class="btn_open" data-target="layer_pop4">
  레이어4링크
  </a>
  </td>
</tr>
<tr>
  <td height="15"></td>
</tr>
<tr>
  <td>
  <a href="#" class="btn_open" data-target="layer_pop5">
  레이어5링크
  </a>
  </td>
</tr>
<tr>
  <td height="15"></td>
</tr>
</table>
</div>

</html>

#javascript

답변 1

톰소여z 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2016-09-12 22:01:21 110.♡.♡.51

개발자도구에서 확인하면 확인이 쉽습니다

답변을 작성하시기 전에 로그인 해주세요.

전체 2,074

레이어 팝업이 안뜨네요....

QA