2012-04-27 2 views
0

J'ai une forme que lorsque soumis appelle mon AJAX et met à jour ma base de données,jQuery ne fonctionne plus sur AJAX retour

$(".bill-upd-submit").click(function() { 
     var elem = $(this); 
     $.post("update_bill.php", elem.parent(".bill-upd").serialize(), function(data) { 
     // fade new data in 
     elem.closest('li').html(data); 
     }); 

    }); 

Lorsque le formulaire est retourné bien, mon jquery ne fonctionne plus, Quelqu'un peut-il me donner une idée de pourquoi?

+0

Vous avez des erreurs? – j08691

+0

Avez-vous essayé de regarder dans la console du navigateur pour vérifier s'il y a des erreurs javascript avec soumission de formulaire ajax? – kernelpanic

+0

J'ai vérifié ma console, aucune erreur n'est consignée. – Liam

Répondre

3

Vous remplacez l'élément qui contient l'événement. Essayez d'utiliser la délégation d'événements pour qu'elle reste liée.

$("body").on("click",".bill-upd-submit",function(){...}); 
+0

wow génial! Merci beaucoup @KevinB – Liam

+2

@ user766266 Je suggère d'utiliser un meilleur contexte que "corps" cependant. –

0

S'il vous plaît essayer

$(".bill-upd-submit").live("click",function(e) 

au lieu de

$(".bill-upd-submit").click(function() 

cela peut vous aider.