Trouver un correctif pour le gestionnaire d'événements de jQuery sur ()

Dans jQuery, la transition de live () à sur () pour la gestion des événements a été un sujet de discussion. Les utilisateurs ont rencontré des problèmes où le gestionnaire d'événements ON () ne déclenche pas. Pour résoudre ce problème, plongeons le problème et identifions la solution.

La documentation pour ON () indique clairement que les gestionnaires d'événements sont liés uniquement aux éléments qui existent sur la page lorsque le code est exécuté. Cela contraste fortement avec le comportement de Live (), qui a joint les gestionnaires d'événements aux éléments ajoutés dynamiquement à la page.

pour obtenir des fonctionnalités similaires à Live (), il faut utiliser le modèle suivant:

$(document.body).on('change', 'select[name^="income_type_"]', function() {
    alert($(this).val());
});

Cette approche lie le gestionnaire d'événements non seulement aux éléments existants mais aussi aux éléments qui seront ajoutés à l'avenir. Il est impératif de lier le gestionnaire d'événements aussi proche des éléments cibles que possible pour des performances optimales.

en résumé, lors de la transition de Live () à ON (), il est crucial de lier les gestionnaires d'événements ajoutés dynamiquement des éléments, tels que ceux des listes de dépôt. Cela garantit que le code fonctionne comme prévu et répond efficacement aux interactions utilisateur.