프프프

Modal

1개 발견
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을 배껴둬서 트랙백을 보낼 수 있습니다