soucis sur remplacement de code

**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

soucis sur remplacement de code

jQuery

Discussions similaires

Partager

Partager