soucis sur remplacement de code [Résolu]

Neko · 12/03/2011, 12h03

Bonjour tout le monde, j'ai un souci avec jQuery. En fait je souhaiterais remplacer un code par un autre dans un formulaire tout en gardant l'event actif. Sauf que ça marche une seule fois mais pas 2.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
	<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
        <script language="javascript">
          $(document).ready(function(){
            $("#frmlogin").submit(function(){
              alert('click');
                $("#login").html(
      		      '<form id=\"frmlogin\" action=\"#\">'+
                        '<input type=\"submit\" />'+
                    '</form>');
 
              return false;
            });
        });
        </script>
        <div id="login" class="boxed">
            <form id="frmlogin" action="#">
                <input type="submit" />
            </form>
        </div>
    </body>
</html>

C'est un code exemple mais qui isole le problème. Dans ce code, à chaques fois qu'on click sur le "submit" il devrait y avoir un message d'alerte mais ça ne marche qu'une seule et unique fois

Quelqu'un pourrait-il m'aider ? Merci d'avance

Arnaud F. · 12/03/2011, 12h19

Bonjour,

le comportement est normal, une fois un élément retiré de la page, on supprime tous les events qui y ont été associé, pour que le binding des évènements persiste, il faut passer par .live()

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
          $(document).ready(function(){
            $("#frmlogin").live("submit", function(){
              alert('click');
                $("#login").html(
      		      '<form id=\"frmlogin\" action=\"#\">'+
                        '<input type=\"submit\" />'+
                    '</form>');
 
              return false;
            });
        });

Neko · 12/03/2011, 13h16

Ok, merci beaucoup pour cette réponse

12/03/2011, 13h16	#3
Neko Membre Expert Développeur informatique Inscription : juillet 2005 Messages : 512 Détails du profil Informations personnelles : Sexe : Âge : 28 Localisation : France Informations professionnelles : Activité : Développeur informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : juillet 2005 Messages : 512 Points : 1 869 Points : 1 869	Ok, merci beaucoup pour cette réponse
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email