Fonction non appelée sur onblur()

Bonjour,

Ce code n'est pas appelé lorsque les éléments en question perdent le focus :

Code:

---

1 2 3 4

$([document]).on( 'blur', 'input.periodSeason',function(event) { ... }

---

Or, lorsque je l'écris comme ceci, la fonction est bien appelée :

Code:

---

1 2 3 4

$( ".periodSeason" ).blur(function() { ... }

---

Du fait que certains de ces contrôles peuvent être construits via du javascript, je dois utiliser la première façon de faire.

Quelqu'un aurait une idée sur la manière dont il faut procéder?

Merci d'avance pour votre aide.

Salut,
remplace

Code:

---

$([document])

---

par

Code:

---

$(document)

---

Merci beaucoup pour ton aide.

Malheureusement, en faisant

Code:

---

$(document).on( 'blur', 'input.periodSeason',function(event) {

---

, ça ne fonctionne pas non plus :(

il n'y a aucune raison pour que cela ne fonctionne pas, a moins que 'input.periodSeason' n'existe pas dans ta page.

tu mets bien ton code dans un $(document).ready() ?

Je viens de l'ajouter et ça donne donc ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

$(document).ready(function() { $(document).on( 'blur', 'input.periodSeason',function(event) {   alert('ok');   /*var seasons = document.getElementsByClassName('priceSeason');     if (! jQuery.inArray( $(this).val(), seasons )) {     collectionPrices = $ ( 'div.prices' );     alert("Element non trouvé");     }   else {     alert("Element trouvé");     }*/   }); });

---

Malheureusement, ça ne fonctionne pas.

Par contre, le code suivant fonctionne bien sur les contrôles construits au chargement de la page, mais pas sur les contrôles construits via du javascript :

Code:

---

1 2 3 4

$( ".periodSeason" ).blur(function() { alert( "Handler for .blur() called." ); });

---

il y a surement quelque chose dans ta page qui empêche le fonctionnement du code.
essai de faire un test simple (dans une autre page), et ouvre la dans le navigateur.

Edit : même si tu changes $(document) par $("body"), toujours la même chose?

Les deux fonctions sont dans le même fichier. Je ne comprends pas comment je pourrais faire un test ailleurs : c'est un template construit avec Symfony et dépendant donc d'un formulaire établit...

Merci à Toufik83 pour sa réponse à mon problème avec le code suivant :

Code:

---

1 2 3 4 5 6

$(document).ready(function(){ $("body").on('blur','.periodSeason',function(event){ alert("Blur"); }); });

---