스크립트를 짜다 보면 클릭이벤트를 강제로 지정해야 하는 순간이 온다.
예를들어 닫기버튼을 클릭하지 않았지만 특정 조건 달생 시 닫기버튼을 강제로 클릭하는 경우.
그럴 때 trigger를 사용한다.
<!-- jquery modal form exemple -->
<div id="moda_layer" class="modal_layer modal" style="display: none;">
<div class="modal_wrap " id="modal_wrap " style="display: block;">
<div class="art_tit">개인정보동의</div>
<!--닫기 버튼-->
<div class="layer_close"></div>
<h2 class="screen_out">개인정보 약관</h2>
<div class="agr_cont">
<ul>
<li>개인정보 이용 목적 : ~~~ </li>
<li>개인정보 수집 항목 : !!! </li>
<li>개인정보 보유 및 이용기간 : @@@ </li>
</ul>
<a class="btn_agr" target="_blank" >
<span>동의하기</span>
</a>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$('.request ').on('click', function(){
$('#moda_layer').modal({
fadeDuration: 300,
showClose: false
});
});
$(".layer_close").on('click', $.modal.close);
//동의하기 버튼 클릭 시 모달 닫기 클릭이벤트 강제 지정.
$(".btn_agr").click(function () {
$(".layer_close").trigger('click');
});
});
</script>
'Library > JQuery' 카테고리의 다른 글
[JQuery] CROS 오류, Jsonp로 해결하다 (0) | 2020.03.17 |
---|---|
[JQuery] jquery modal 사용 예시 (0) | 2020.03.16 |
[JQuery] how to get jquery this id , name,class (0) | 2020.03.16 |