모달창에 링크를 현재창에서 열리게 하기 채택완료

button {

  display: block;

  margin: auto;

  width: 10rem;

  height: 2rem;

}

:modal {

  background-color: beige;

  border: 2px solid burlywood;

  border-radius: 5px;

}





document.addEventListener('DOMContentLoaded', function () {

  const showModal = document.getElementById('showModal');

  const favDialog = document.getElementById('favDialog');

  showModal.addEventListener('click', () => {

    favDialog.showModal();

  });

});



Open the modal dialog

Show me



  

    This is a link

    Close dialog

  

    모달창 링크 새 창으로 열기

    







모달 열기





    

        ×

        링크

    





    $(document).ready(function(){

        // 모달 열기 버튼 클릭 시 이벤트 처리

        $("#modalBtn").click(function(){

            $("#myModal").css("display", "block");

        });

        // 모달 닫기 버튼 클릭 시 이벤트 처리

        $(".close").click(function(){

            $("#myModal").css("display", "none");

        });

        // 모달 내 링크 클릭 시 이벤트 처리

        $(".modal-link").click(function(e){

            // 모달 닫기

            $("#myModal").css("display", "none");

            // 새 창에서 링크 열기

            window.open($(this).attr("href"));

            // 링크 클릭 이벤트 취소

            e.preventDefault();

        });

    });