Fil de bouton cliquez sur les événements après AJAX post

Question

J'ai un tableau HTML avec plusieurs lignes, chacune a un bouton de suppression avec une classe.

Sur l'événement DocumentReady, je câble tous les boutons avec cette classe pour gérer l'événement click.

Lors de l'événement click, un message jQuery supprime les données de la base de données et renvoie la table avec la ligne supprimée.

Si je clique sur un autre bouton de suppression, cela ne fait rien comme si l'événement click n'était pas câblé. J'ai essayé de le câbler dans l'événement OnSuccess ainsi que DocumentReady mais rien.

Answer 1

Veuillez poster votre code jQuery respononsible pour tout l ogyc.
Tout comme un coup de feu dans l'obscurité, je vous suggère de vous devrez utiliser:

$(".button").live("click",function(){...}) 

au lieu de

$(".button").click(...) 

Answer 2

J'utilise la fonction de liaison en direct jquery être capable de se lier à tous les éléments spécifiés à tout moment de la création:

http://docs.jquery.com/Events/live

Answer 3

On dirait que vous supprimez toute la table (avec les boutons avoir des événements attachés à eux) et le remplacer par une nouvelle table (avec de nouveaux boutons qui n'ont pas de boutons attachés).

Vous avez plusieurs options.

1. Il suffit de supprimer la ligne que vous supprimez - ne pas remplacer la table entière

2. Utilisez event delegation et mettre le gestionnaire d'événements sur l'élément contenant la table

3. Relancez le code qui se fixe les événements chaque fois que vous reconstruisez la table