1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | $('.layer_open').click(function(){ var el = $(this); $('.layer_popup').show(); $('.dim').show(); el.attr('data-focus','on'); // 레이어 팝업이 닫힐 때를 위한 표시 - 웹접근성 /* modalPopup팝업 위치조정 */ window.setTimeout(function(){ var target = $("#layerPopup"); var win_height = $(window).height(); var pop_height = target.height(); var top_value = $(window).scrollTop() + (win_height - pop_height) /2; target.attr("tabindex","0"); target.show().css("top",top_value); target.focus(); },500);// ajax 팝업을 고려한 딜레이 추가 /* [end]: modalPopup팝업 위치조정 */ }); $('.layer_close').click(function(){ $('.layer_popup').hide(); $('.dim').hide(); $("a[data-focus~=on]").focus(); // 표시해둔 곳으로 초점 이동 window.setTimeout(function(){ $("a[data-focus~=on]").removeAttr("data-focus"); },500); // 역할을 다하고 필요없어진 표시 삭제 }); | cs |
'Front > JavaScript' 카테고리의 다른 글
유튜브 재생 제어 (0) | 2016.10.31 |
---|---|
이벤트 버블링 (0) | 2016.10.28 |
스크롤 이동 (0) | 2016.10.11 |
테이블 서머리, 캡션 삽입 스크립트 (0) | 2016.09.22 |
백그라운드이미지 애니메이션 (0) | 2016.09.22 |
댓글 로드 중…
트랙백을 확인할 수 있습니다
URL을 배껴둬서 트랙백을 보낼 수 있습니다