문서에서 클릭 이벤트를 발생시키는 방법 ...?

Question

라디오 버튼

<input name="radio-choice-t-6" class="qololbl" id="radio-choice-t-6a" value="qolo" checked="checked" type="radio"> 
<label for="radio-choice-t-6a" style="border: 1px solid #2d5f7c;width:90px;border-bottom-left-radius:4px;border-top-left-radius:4px;font-family:Noto Sans;">Toast</label> 

$(document).ready(function (e) { 

    $('.qololbl').trigger('click'); 

    $(".qololbl").click(function(){ 
     alert("Hi"); 
    }); 
}); 

어떻게 준비 문서에 이벤트를 클릭 qololbl 발사합니다. 이 코드는 왜 작동하지 않습니다 ..? 사전에 감사합니다. 도와주세요

Answer 1

.trigger() 대신 .click()을 사용하십시오. 그리고 이벤트를 선언 한 후 입력하십시오. (pratik-gaikwad 제안)

$(document).ready(function (e) { 
 

 
    $(".qololbl").click(function(){ 
 
     alert("Hi"); 
 
    }); 
 
     
 
    $('.qololbl').click(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="radio-choice-t-6" class="qololbl" id="radio-choice-t-6a" value="qolo" checked="checked" type="radio"> 
 
<label for="radio-choice-t-6a" style="border: 1px solid #2d5f7c;width:90px;border-bottom-left-radius:4px;border-top-left-radius:4px;font-family:Noto Sans;">Toast</label>

대체

$(document).ready(function (e) { 
 

 
    $(".qololbl").on('click', function(){ 
 
     alert("Hi"); 
 
    }); 
 
     
 
    $('.qololbl').trigger('click'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="radio-choice-t-6" class="qololbl" id="radio-choice-t-6a" value="qolo" checked="checked" type="radio"> 
 
<label for="radio-choice-t-6a" style="border: 1px solid #2d5f7c;width:90px;border-bottom-left-radius:4px;border-top-left-radius:4px;font-family:Noto Sans;">Toast</label>

Answer 2

코드 행씩 실행한다. 요소에 이벤트를 적용하기 전에 click 이벤트를 트리거하고 있습니다. 이런 이유로 아무 사건도 발사되고 아무 경고도 발사되지 않는다.

정확한 주문은 Leguest answer을 참조하십시오.