<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"/>
<title>test01</title>
</head>
<body>
<div class="add_prod_wrap">
<div class="">
<span class="head_ex_small">test</span>
<button type="button" class="qst_btn" data-popup="qst_popup">Show</button>
<div class="qst_popup" style="display: none;">
<button type="button" class="qst_popup_cls">Close</button>
<ul>
<li><span>·</span>123123.</li>
<li><span>·</span>456456.</li>
</ul>
</div>
<div class="qst_popup_mask"></div>
</div>
</div>
<!-- jQuery 라이브러리 추가 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('.add_prod_wrap .qst_btn').mouseover(function() {
$('.add_prod_wrap .qst_popup').show();
});
$('.add_prod_wrap').mouseleave(function() {
$('.add_prod_wrap .qst_popup').hide();
});
$('.qst_popup_cls').click(function() {
$('.add_prod_wrap .qst_popup').hide();
});
});
</script>
</body>
</html>
test
'it-day > Thymeleaf' 카테고리의 다른 글
| 동적 text()쓰면 버튼 안에 img태그 없어짐...?? (0) | 2024.01.23 |
|---|---|
| 버튼 클릭 시 이벤트(상세보기) (0) | 2023.10.25 |
| th:내가 원하는 이름?!! (0) | 2023.10.23 |
| Thymeleaf th:onclick 변수 추가 (0) | 2023.10.19 |
| th:each , th:if( null값과 빈 문자열(" ") 확인 ) (0) | 2023.09.22 |