La soumission du formulaire échoue après le rechargement du forum par jQuery

Question

J'ai déjà rencontré ce problème plusieurs fois, et j'ai toujours trouvé un travail, mais cette fois-ci, cela serait probablement impossible.

Le problème est le suivant. J'ai un formulaire à l'intérieur d'un DIV, et je soumets le formulaire en utilisant jQuery AJAX et puis recharger le formulaire avec les nouvelles données ajoutées (par exemple une liste d'éléments, avec un formulaire pour ajouter de nouveaux éléments à la liste). Les éléments sont également ajoutés à une base de données MySQL. Cela fonctionne bien, mais une fois la page rechargée, le formulaire ne transmet plus les données au script. Je suppose que cela a quelque chose à voir avec le fait que le formulaire soit rechargé et qu'il ne soit pas lié à la fonction javascript (ou quelque chose comme ça). Je l'ai résolu précédemment en déplaçant le formulaire en dehors de la commande reload, ce qui fonctionne, mais cette fois-ci c'était impossible, et mes formulaires sont des boutons qui suppriment les éléments de la liste dans le DIV. J'étais sur le point d'essayer d'utiliser des liens pour soumettre une forme cachée, mais je pensais avant d'y recourir que je pourrais aussi bien utiliser cela comme une chance d'apprendre. Donc, ma question est, qu'est-ce que je fais mal et comment puis-je le résoudre? Merci :)

Sparkles *

Answer 1

Où vous gérez le submit maintenant comme ceci:

$("#something").submit(function() { .... }); 

Utilisez .live() à la place, comme ceci:

$("#something").live("submit", function() { .... }); 

Quand vous faites $("selector").submit(...) il se fixe un gestionnaire de l'événement submit des éléments trouvés puis (pas ceux ajoutés plus tard, même s'ils correspondent au sélecteur). .live() fonctionne différemment, à l'écoute de l'événement pour faire des bulles document ... et cela fonctionne aussi sur les éléments futurs.