hanker

MODAL - 다양한 방법으로 modal 창 띄우기 본문

HTML

MODAL - 다양한 방법으로 modal 창 띄우기

hanker 2020. 11. 4. 09:41
반응형

기존에는 onclick을 이용해서 javascript로만 열었는데 쉽게 열수있는 방법이 있었다..

<!-- Buttons -->
<button type="button" data-toggle="modal" data-target="#myModal">Open Modal</button>
 
<!-- Links -->
<a data-toggle="modal" href="#myModal">Open Modal</a>
 
<!-- Other elements -->
<p data-toggle="modal" data-target="#myModal">Open Modal</p>


출처: w3shools 

기존에 modal창 띄우던 방식

<script>
$(document).ready(function(){
    $("#myBtn").click(function(){
        $("#myModal").modal();
    });
});
</script>


출처: w3shools
반응형

'HTML' 카테고리의 다른 글

HTML - 배경이미지 화면에 꽉채우기  (0) 2021.04.07
JSP - 한글 깨짐현상  (0) 2020.12.22
JSTL - c:set 변수 여러개 사용하기  (0) 2020.11.13
JSP - JSTL(fmt) 사용법  (0) 2020.09.16
JSTL - if-else example  (0) 2020.08.10