편집 기록

프로필 codeslave님의 편집

날짜2018.07.03

자바스크립트 레이어 팝업에 대해서 질문드립니다.

javascript

popup

중복함수

layer-popup

여러 개의 div에 각기 다른 레이어 팝업을 적용했는데, 어떤 div를 눌러도 단 하나의 레이어 팝업만이 뜹니다..

레이어 팝업을 만드는 기본 틀은 이러하구요,

function wrapWindowByMask(){ var maskHeight = $(document).height(); var maskWidth = $(window).width();

    $('#mask01').css({'width':maskWidth,'height':maskHeight});


    $('#mask01').fadeTo("fast",0.8);


    var left = ( $(window).scrollLeft() + ( $(window).width() - $('#window01').width()) / 2 );
    var top = ( $(window).scrollTop() + ( $(window).height() - $('#window01').height()) / 2 );

    $('#window01').css({'left':left,'top':top, 'position':'absolute'});

    $('#window01').show();$("body").css("overflow","hidden");$("#window01").css("overflow","auto");$('#artwork01').css({'width':1400,'height':auto});
    $("#artwork01").css("overflow","auto");$('#info').css({'float':right});




}


$(document).ready(function(){
    $('#work001').click(function(e){
        e.preventDefault();
        wrapWindowByMask();
    });




    $('.window .close').click(function (e) {
        e.preventDefault();
        $('#mask01, #window01').hide(); $("body").css("overflow","auto");
    });


    $('#mask01').click(function () {
        $(this).hide();
        $('#mask01, #window01').hide(); $("body").css("overflow","auto");
    });
});

이 코드를 똑같이 6개를 복제하여 안의 내용을 각기 다르게 수정하였는데, 어떤 div를 클릭해도 로드되는 팝업은 단 한가지 버전이더군요.... 어떤 문제가 있을까요?? ㅠㅠㅠ

프로필 알 수 없는 사용자님의 편집

날짜2018.07.01