文書のクリックイベントを発生させる方法...？

Question

ラジオボタン文書準備にqololblクリックイベントを発生させる方法を

<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"); 
    }); 
}); 

。このコードはなぜ動作していません..？ありがとうございます。 助けてください

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を参照してください。