Bonjour à tous,

j'ai le souci suivant, j'ai lié une fonction à chaque clic sur un élément de classe suppr. J'ai mis cette fonction dans mon document.ready(), tout va bien, elle fonctionne impeccable.
Mais il m'arrive d'injecter aussi des éléments .supppr via un append (par ajax). Et là ces éléments ne sont plus pris en compte par la fonction document.ready().

Donc ma question est la suivante: comment lier cette fonction à des éléments ajoutés par append?

Voici mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(document).ready(function() {
$('#add_line').click(function() {
      //calcul du numero de la ligne
      var num_ligne=$('.subitem').children('fieldset').length;
      num_ligne++;
      var url=$('#url').val();
      $.ajax({
          url: url+"/ajax/id/"+num_ligne,
          context: document.body,
          success: function(data){
             $('.subitem').append(data); /* mon append*/
          }
        });
 
 
	$('.suppr').each(function(key,item){
 
		$(this).click(function(){
			alert('yep');
			//$(this).parent().remove();
		});
	});
});
Merci d'avance pour votre aide!