Jquery on() Load Event für ein einzelnes Element

Tut mir leid, wenn diese Frage schon gestellt wurde, aber ich habe keine Lösung gefunden.

Ich habe 3 Radios-Elemente und möchte den Wert überprüfen, wenn sich die Auswahl ändert und wenn die Seite geladen wird.

Ich würde das tun, indem ich nur die Funktion on() verwende.

Mein Problem ist, dass nur das Änderungsereignis ausgelöst wird.

Hier mein aktueller Code:

$('.user').on('load change', function(){
  if($(this).val() == 'client'){ 
$('#user_parent').removeAttr('disabled').closest('tr').show(200);
}else{
  $('#user_parent').attr('disabled', 'disabled').closest('tr').hide(200);
}
});"

Ich habe auch versucht, load durch ready zu ersetzen, aber es ist auch fehlgeschlagen. Was ist das Problem ? Ist das Ladeereignis nicht für ein einzelnes Element verfügbar?

Der Code wird in $(document).ready(…) platziert und die Elemente werden alle angezeigt, wenn die Seite gesendet wird.

Vielen Dank

das load Das Ereignis wird in dem Moment aufgerufen, in dem alle untergeordneten Elemente des angehörten Elements geladen sind. In Ihrem Fall könnte dies vor dem Aufruf des ready-Ereignisses erfolgen, wodurch Ihr Handler zum Laden (der nach document.ready angehängt wird) unbrauchbar wird.

als Referenz siehe JQuery-API wo Sie Folgendes finden:

Das Ladeereignis wird an ein Element gesendet, wenn es und alle Unterelemente vollständig geladen wurden. Dieses Ereignis kann an jedes Element gesendet werden, das mit einer URL verknüpft ist: Bilder, Skripte, Frames, iFrames und das Fensterobjekt.

Dies bedeutet auch, dass Sie eine URL benötigen, damit Sie das Ladeereignis abhören können. Da Sie keinen weiteren Code bereitgestellt haben, gehe ich davon aus, dass Sie tatsächlich eine URL haben, die Sie anhören können.

Dies könnte jedoch die wahrscheinlichste Ursache sein. wenn Sie tun keine URL zugeordnet ist mit (mindestens einem) untergeordneten Element(en) es wird kein Ladeereignis geben kann man sich anhören.

versuchen Sie stattdessen Folgendes:

$(document).ready(function(){
   checkUserVal();
   $('.user').on('change', checkUserVal);
});

var checkUserVal = function(){
  //do the check
  if($('.user').val() == 'client'){ 
     $('#user_parent').removeAttr('disabled').closest('tr').show(200);
  }else{
     $('#user_parent').attr('disabled', 'disabled').closest('tr').hide(200);
  }
};

Ich habe den Code zu einer Methode zur besseren Lesbarkeit gemacht 😉

Wie Vogel612 erklärte, load feuert nicht für die meisten Elemente.

ready ist nur für document.

Sie können verwenden each um Ihren Event-Handler anfänglich auszuführen.

$(document).ready(function(){
  $('.user')
    .each(user_handler)
    .on('change', user_handler);
});

var user_handler = function(){
  // this
};

<script>
jQuery( 'document' ).on("load ready", function() {
    $('.user').on('change', function(){
        if($(this).val() == 'client'){ 
            $('#user_parent').removeAttr('disabled').closest('tr').show(200);
        }else{
            $('#user_parent').attr('disabled', 'disabled').closest('tr').hide(200);
        }
    });
    // just do this:
    $('.user').change();
    });
</script>