Discussion :

[Sebasti3n]

Bonjour,

j'ai créer une administration ou j'ouvre des fenêtres modal(bootstrap) en ajax.
Je rencontre un problème à la deuxième ouverture d'une fenêtre le jquery / javascript n'est plus pris en charge.

Je dois du coup recharger la page complète pour quel e JS soit de nouveau fonctionnel sur la première ouverture.

Avez vous une solution ?

Merci

[SpaceFrog]

Tout ce qui est chargé dynamiquement ne reçoit pas les attributions d'evenements que tu as pu mettre sur le onload.

Tu dois soit attribuer avec un .on()

Code :

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

.on([parent], [enfant cible], [function]);

ou alors avec un .delegate()

[Sebasti3n]

Voila mon code qui permet d'ouvrir des fenetres modal en ajax :
je dois précisé le on() ici ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
<script type="text/javascript">
$('[data-load-remote]').on('click',function(e) {
    e.preventDefault();
    var $this = $(this);
    var remote = $this.data('load-remote');
    if(remote) {
		     		$($this.data('remote-target')).load(remote);
 
    }	
 
});
</script>

[ABCIWEB]

Sur le principe, oui. Par contre je ne sais pas si le sélecteur $('[data-load-remote]') correspond à quelque chose de valide en jQuery. Dans la doc la syntaxe qui utilise "[]" est [name*=”value”]. Je ne peux pas non plus garantir la suite de ton code non plus, mais le principe de la fonction .on est correcte.

@SpaceFrog dans le lien que tu donnes on lit que delegate() est dépréciée au profit de .on avec une syntaxe équivalente.

[SpaceFrog]

en me relisant j'ai dit n'imp pour la syntaxe du on()


Je rectifie donc :

Code :

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

$([parent]).on([event], [enfant cible], [function]);

[Sebasti3n]

Bonjour,

pour moi l'ouverture des fenetres modal ajax fonctionne se qui ne fonctionne pas à partir de la deuxième ouverture c'est le javascript dans la fenêtre modal.