[jQuery] Attribution d'évènement basique

Bonjour, j'ai un souci de compréhension en jquery, c'est surement tout bête :?

Voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9

$(".edit").click( function(){ var id_edit = $(this).attr('id'); $('input[name=' + id_edit + ']').show(); $(this).blur( function(){ $('input[name=' + id_edit + ']').hide(); alert('ici'); }); });

---

et mon code html:
<a href="#" id="titre" class="edit">éditer</a>
<input type="text" name="titre" class ="cache" />

Le champ input est caché par défaut,
mon souci est problème de "redondance",
Lorsque l'on clique sur edit, puis à coté, l'alert se lance bien une fois.
Puis lorsque l'on répète l'action, elle se lance 2 fois. Puis 3 fois, ainsi de suite.

Je cherche à comprendre cette répétition, c'est surement la base du jquery, je cherche également à l'enrayer.

Merci d'avance pour vos explications.

Ton problème vient du fait qu'à chaque fois que tu cliques, tu attaches une fonction sur l'événement blur.

Je ne connais pas bien jQuery, mais essaye ca :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$(".edit").click( function(){ var id_edit = $(this).attr('id'); $('input[name=' + id_edit + ']').show(); }); $(".edit").blur( function(){ var id_edit = $(this).attr('id'); $('input[name=' + id_edit + ']').hide(); alert('ici'); });

---

Merci pour ta réponse, j'ai souvent tendance à mettre un événement dans un autre et je me retrouve toujours avec se souci.
Je me rend compte que mon exemple est un peu bête, si on clique dans l'input l'événement blur se déclenche et cache celui-ci :P
Je vais devoir trouver une autre manière de procéder :)

merci à vous, bye