les éléments ajoutés par append ne sont pas pris en compte par document.ready()
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:
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!
