[JQuery] JQuery trigger사용하여 강제로 click event 발생시키기

스크립트를 짜다 보면 클릭이벤트를 강제로 지정해야 하는 순간이 온다.

예를들어 닫기버튼을 클릭하지 않았지만 특정 조건 달생 시 닫기버튼을 강제로 클릭하는 경우.

그럴 때 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>