Discussion :

[dragonfly]

Bonjour,

je viens vers vous car j'ai un petit probléme,

j'ai des objets span avec un listener mouseup défini comme suit.

Code :

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

1
2
3
$(span[a]).bind("mouseup", function(){
	radioCustom.check($(this)[0]);
});

qui fonctionne trés bien, mais lorsque je recharge ma page via un appel AJAX, ce listener ne fonctionne plus (le mouseup ne réagit pas).

J'ai testé le .on, .live mais sans succés (je suis en JQuery 1.8).

Je pense que je ne suis pas la premiére personne a qui ca arrive mais je ne trouve pas de solution sur le net.

Par avance, merci
dragonfly

[danielhagnoul]

Bonjour

Code :

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

1
2
3
4
5
6
7
8
9
10
var mouseUpHandler = function( event ){
    radioCustom.check( event.target );
};
 
//pour : <span><a href."#">Hello</a></span>
 
$( "span > a" ).on( "mouseup", mouseUpHandler );
 
// Dans le "success" de la transaction AJAX, il faut terminer en relançant l'événement
// $( "span > a" ).on( "mouseup", mouseUpHandler );

[dragonfly]

Merci pour ta réponse,

je viens de tester mais lors du rechargement, le mouseup ne fait rien.
J'ai trouvé ceci

Code :

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

1
2
3
4
5
 
$(document).on("mouseup",span[a], function(){
 alert("plop");
 radioCustom.check(this);
});

qui a l'air de fonctionner (le alert s'affiche aprés rechargement mais le this fait référence à "document" et je n'arrive pas à récupérer mon élement span[a] (a est un indice et non la balise <a> ^^).

[Bovino]

Il faut utiliser l'objet event :

Code :

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

1
2
3
4
$(document).on("mouseup",span[a], function(e){
    alert("plop");
    radioCustom.check(e.target);
});

[dragonfly]

Ce fameux objet "e".
C'est vrai que je n'y avais pas pensé.
Du coup, ca marche nickel, je te remercie beaucoup

[dragonfly]

Re,

en fait , ca marche mais pas trop en fait,

ceci fait ce que je lui demande :

Code :

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

1
2
3
4
 
$("span.radio").on("mouseup",function(e){
			     radioCustom.check(e.target);
});

Le probléme c'est que lorsque je clique sur un des span, le code de la fonction se lance 5 fois (j'ai 5 span avec la même classe).
Comme aprés dans ma fonction appelé je créé un flexigrid avec resize auto, il y'a un effet accordeon (du au resize) pendant 5 secondes
Je ne comprends pas pourquoi il agit comme ca (le e.target apparait toujours comme étant celui sur lequel j'ai cliqué).

As-tu une idée de pourquoi ca fonctionne comme ça?