버튼 형태의 모달창(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>
'Web Development > JavaScript' 카테고리의 다른 글
[jQuery] Create Customizable Scalable Math Graphs With jQuery smartGraph(스마트 그래프) (0) | 2021.07.17 |
---|---|
JQuery 선택자(Selector) (0) | 2021.07.17 |
JavaScript event keycode 목록 (0) | 2021.07.17 |
[JavaScript] 부드러운 스크롤 (0) | 2021.07.17 |
매우 심플한 슬라이더(Very Simple Slider) (0) | 2021.07.17 |
자바스크립트로 버튼 클릭시 순서대로 숫자 호출방법 (0) | 2021.07.17 |
JQuery 학습사이트 - 제이쿼리를 공부할 때 유용한 사이트 (1) | 2021.07.17 |
JavaScript(JQuery) 선별선택자·복수선택자 (0) | 2021.07.17 |