jQuery Girl
  1. jQuery Girl
  3. jQuery On Change Event Not Firing
Intereting Posts
jQuery datepicker ne fonctionne pas après l’appel Ajax JavaScript – Bouton «Défilement vers le bas» – Défilement de la page de destination au sumt de l’en-tête jQuery – délai d’attente de la boucle for jQuery ajout d’une classe – toutes les méthodes que j’ai essayées pour supprimer la classe au clic Comment associer un événement à un seul object? jqplot Prise en charge du navigateur pour l’ouverture de la boîte de dialog de saisie FILE avec JavaScript Uncaught SyntaxError: manquant) après l’argument lis Validation jQuery personnalisée .addMethod jQuery: Détecter un clic de souris et ouvrir la cible dans un nouvel onglet Scintillement par glisser-déposer jQuery en survol (Webkit uniquement) Bouton d’impression SSRS dans Chrome et Firefox Superposition d’arrière-plan JQuery / alerte sans événement .onclick – répondeur php? Comment changer la propriété de ul tag css en HTML Une liste UL divisée en plusieurs colonnes de hauteur fixe changer de méthode de formulaire avec js sur firefox

jQuery On Change Event Not Firing

J’ai les éléments suivants dans l’en-tête: 

$('body').on('change', '#userFilter', function(){ console.log('changed'); });

Et cet élément est inséré dynamicment sur la page lorsqu’un clic est effectué sur un onglet: 

  1 2 3

Le problème est que lorsque je modifie la liste déroulante, rien n’est affiché dans la console.

Enveloppez-le dans $ (document) .ready (function () {….}) afin que le contrôle html userFilter soit ajouté à DOM et disponible pour javascript 

 $(document).ready({ $('body').on('change', '#userFilter', function(){ console.log('changed'); }); });

Il est garanti que le gestionnaire transmis à .ready () sera exécuté une fois que le DOM est prêt. Il est donc généralement le meilleur endroit pour attacher tous les autres gestionnaires d’événements et exécuter un autre code jQuery, des documents jQuery .

Bien que cela ne soit pas lié à l’OQ, si vous êtes arrivé ici parce que votre sélection ne se déclenche pas, assurez-vous de ne pas avoir coché la case “Empêcher cette page de s’afficher …” dans l’ alert() . Vous devez fermer l’onglet et rouvrir cette URL pour que cette dernière soit visiblement réactivée.