반응형 팝업을 제작했는데 닫기버튼이 작동되지 않습니다.
본문
http://responsive.webable.kr/index.php
반응형에서도 팝업을 사용할 수 있도록 넓이를 css로 조정했는데
모바일화면에서는 닫기버튼을 누르면 작동이 되지 않습니다.
피시버전화면에서는 작동이 되는데
어디를 수정해야할까요?
답변 1
팝업을 두개를 띄우셨네요. 모바일사이즈에서 닫기 누르시면 PC버전 팝업의 display:none이 되버리네요.
보니까 아래 스크립트도 두번 중복되서 소스로 들어가있구요.
<script>
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$('#'+idb[1]).css('display','none');
});
});
</script>
둘중 하나는 지우시고, 남은 스크립트를 아래처럼 바꿔보세요
<script>
$(function() {
$(".hd_pops_reject").click(function() {
var id = $(this).attr('class').split(' ');
var ck_name = id[1];
var exp_time = parseInt(id[2]);
$(this).closest("#"+id[1]).css("display", "none");
set_cookie(ck_name, 1, exp_time, g5_cookie_domain);
});
$('.hd_pops_close').click(function() {
var idb = $(this).attr('class').split(' ');
$(this).closest('#'+idb[1]).css('display','none');
});
});
</script>
답변을 작성하시기 전에 로그인 해주세요.
