Capter l'evenement sur une classe suite AJAX [Résolu]

[flashnet]

Bonjour,

Actuellement j'ai un script qui me permet de capter les cliques sur une image grâce à sa classe et exécute une requête AJAX.

Au retour de cette requête, je génère la même image mais les cliques ne sont plus pris en compte. Comment puis-je faire ? Merci

Voici les images :

Code :

1
2
<img alt="" class="permission-toggle cursor-hand" rel="1-35-action:disable" src="img/icones16/accept.png">
<img alt="" class="permission-toggle cursor-hand" rel="2-35-action:disable" src="img/icones16/accept.png">

Le Javascript qui écoute si on clique sur les images

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
$('img.permission-toggle').click(function() {
 
       var rel = $(this).attr('rel');
       var rel_e = rel.split('-');
       var base_utilisateur_groupe_id = rel_e[0];
       var base_profil_id = rel_e[1];
       var action = rel_e[2];
 
       // show loader
       $(this).attr('src', '<?php echo $this->base; ?>/img/ajax/loading.gif');
 
       // prepare loadUrl
       var loadUrl = '<?php echo $this->base; ?>/ajax/logiciel_permissions/';
       loadUrl    += base_utilisateur_groupe_id+'/'+base_profil_id+'/'+action;
 
       // now load it
       $(this).parent().load(loadUrl);
       return false;
 
   });</script>

L'image retourné suite à la requête AJAX :

Code :

<img alt="" class="permission-toggle cursor-hand" rel="1-35-action:enable" src="img/icones16/disable.png">

Le problème est que cette image ne réagit plus aux cliques... Avez-vous une idée ? Merci.

[Bovino]

Sujet traité un nombre incalculable de fois...

Lorsque tu affectes des événements, les éléments doivent exister dans la page, si tu modifies le contenu de la page, les nouveaux éléments n'existaient donc pas au moment de l'affectation !

Il faut passer par la délégation d'événement :

• .delegate()
• .on()

[Golgotha]

Il y à aussi : $.live()

[flashnet]

Super pour live.

Merci bcp

[Bovino]

Euh... oui mais non
live() est deprecared et ne devrait plus être utilisé !

[Golgotha]

oups..

(mise à jour en cours...)