Discussion :

[sp2308]

Bonjour,

Je cherche à comprendre le fait suivant.

J'ai un tableau avec une td qui, une fois cliquée permet, après appel ajax, de supprimer la ligne cliquée.
Par ailleurs j'ai un bouton qui permet d'ajouter une ligne à mon tableau après appel ajax.

Tout fonctionne correctement mais quand j'ajoute une ligne à mon tableau à l'aide de jQuery, il est impossible d'effacer la ligne en cliquant sur la td prévue à cet effet.
Si je recharge la page, tout est correct (le tableau est construit après appel bdd en php).

Pouvez-vous m expliquer ce mode de fonctionnement ?

Merci,
stephane

[SpaceFrog]

voir l'attribution du click avec .on() avec deux paramètres ...

[sp2308]

merci d avoir pris le temps de me repondre mais j avoue... j ai pas tout compris.
donc j ai cherché la difference entre .on() et .click et suis arrivé sur cela :

I think, the difference is in usage patterns.

I would prefer .on over .click because the former can use less memory and work for dynamically added elements.

merci je vais revoir mon code

[SpaceFrog]

La différence majeure n'est pas là.

on() permet justement d'attribuer des évènements a des éléments qui seront créés dynamiquement après le chargement de page et cela à partir d'un parent de l'élement créé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$([selecteur parent].on('click',[sélecteur futur enfant], function(){ ... })

voir
http://api.jquery.com/on/
plus particulièrement le paragraphe "Direct and delegated events" pour la délégation d'évènements à partir d'un parent...