comment déclencher un événement click sur document prêt ...?

Question

Bouton Radio

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

comment tirer qololbl cliquez événement sur document prêt. ce code ne fonctionne pas pourquoi ..? merci d'avance. aidez-moi

Answer 1

Utilisez .click() au lieu de .trigger(). Et le mettre après la déclaration de Hanlder événement.

$(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>

alternatif (suggéré par pratik-gaikwad)

$(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

Le code exécute ligne par ligne. Vous déclenchez l'événement click avant d'appliquer l'événement à l'élément. C'est pourquoi aucun événement n'est déclenché et aucune alerte n'est lancée.

Voir la légende answer pour passer commande correctement.