Discussion :

[piotrr]

Pour s'imaginer :

J'ai un cas classique avec des données en ligne que je supprime.

Je mets l'action jquery pour la suppression dans un $(document).ready(...
Lorsque j'ai supprimé ma ligne je remets à jour l'affichage en remplaçant la zone avec un replaceWith.

Seulement à ce moment là, mon ajax ne s'applique plus sur ma nouvelle zone.

Autrement dit, la nouvelle zone affichée après une suppression ne prend plus en compte l'ajax.

Une explication ?

merci

[kohsaka]

un peu plus de code ça serait bien

sinon pour te donner des pistes de recherches, je dirais la fonction live() si tu utilise la version 3.2 de jQuery ou le plugin jQuery.live pour la 2.6.

[piotrr]

J'ai vu qu'il y avait la fonction html() qui est préférable à "replaceWith()".

Je ne peux pas donner mon code tel quel mais j'ai essayé sur un exemple simple et là pas de problème ...

Qu'est ce que la fonction live() a à voir avec mon problème ?
Je ne comprends pas trop ...

merci

[Bovino]

La fonction live a à voir qu'elle permet d'affecter aux éléments créés les événements JavaScript associés, ce qui n'est pas le comportement par défaut.
Lorsque tu crées des éléments dynamiquement, il faut leur réaffecter les événements souhaités !

[piotrr]

Le problème est que mes évènements sont associés à la soumission de formulaires et que la doc dit

Possible event values: click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup
Currently not supported: blur, focus, mouseenter, mouseleave, change, submit

Et c'est bien un évènement sur un submit qu'il me faudrait.

[piotrr]

J'ai simplifié au maximum mon problème.
Voici comment je procède :

Page :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<style type="text/css">
    .coloredOnMouseover{ background: LightSkyBlue; }
</style>
 
<script type="text/javascript">   
 
    $(document).ready(function(){    //on ne définit les fonctions que lorsque la page est chargée          
 
        $("tr").mouseover(function(){        
            $(this).addClass("coloredOnMouseover");
        }).mouseout(function(){
            $(this).removeClass("coloredOnMouseover");
        });            
 
        //suppression d'une variable
        $("form").submit(function(){                
 
                s = $(this).serialize();        
                $.ajax({            
                       type: "POST",
                       data : s,                               
                       url: "test.php",               
                       success: function(html){
                        $("#div_modif").html(html);
                       }        
                 });        
 
            return false;
        });                  
 
    });        
 
</script>
 
<div id="div_modif">
    <table>
        <tr>
            <td>ligne 1</td>
        </tr>
        <tr>
            <td>ligne 2</td>
        </tr>
    </table>        
</div>
 
<form method="GET">
    <input type="submit" value="remplacer table" />    
</form>

Contrôleur (test.php):

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<table>
        <tr>
            <td>ligne 1 bis</td>
        </tr>
        <tr>
            <td>ligne 2 bis</td>
        </tr>
</table>        
<br/>Note : le surlignement ne s'applique plus

Une solution autre qu'avec live() ?

merci beaucoup