Korean English Japanese

jQuery를 사용하여 페이지로드시 자동 클릭 단추 요소

버튼 형태의 모달창(data-modal)을 Pageload가 될 때, 자동으로 클릭하게 하는 방법은 매우 간단하다.

HTML

<button class="md-trigger" id="modal" data-modal="modal"></button>

기능은 3가지 방식으로 구현할 수 있다.

Javascript

<script type="text/javascript">
document.getElementById("modal").click();
</script>

JQuery .trigger( )

<script type="text/javascript">
$(document).ready(function(){
    $("#modal").trigger('click'); 
});
</script>

JQuery .click( )

<script type="text/javascript">
$(document).ready(function(){
    $("#modal").click(); 
});
</script>