Discussion :

[Paci88]

Bonjour,

une question assez bête, mais qui me fait m'arracher les cheveux...

J'ai un bouton censé lancer diverses actions. Bon rien de bien extraordinaire.

Sauf que là, il faut que je clique deux fois sur le bouton pour que l'event se lance. Et ce comportement n'est pas aléatoire, il se reproduit à tous les coups. Je suis incapable de voir d'où ça vient, d'autant plus que juste au dessus dans mon js, j'ai exactement les même bouts de codes (boutons avec event click)...

Donc si quelqu'un a déjà rencontré le problème où a une idée, ce serait vraiment parfait...

Merci d'avance


Voilà le bout de code incriminé :

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
 
$("#bloc-bas-btn32").livequery(
		function() {
			$(this).bind("click", function() {
                                               [...]
				$.ajax({
					type: "POST",
					url: "action.action",
					data:{},
 
					success: function(msg) {				
						[...]
					}
				});
			});
	});

Edit :
La partie HTML :

Code :

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

1
2
3
4
 
		  <a href="#" cssStyle="float:left;" id="bloc-bas-btn32">
		  	<img style="float:left;margin:12px 3px" src="img/form-bas-btn-valider.gif" />
		  </a>

(J'utilise le plugin livequery car je suis sur la version 1.2.6)

[Paci88]

Bon je vois d'où ça vient.
En fait, la partie où est située le bouton n'a pas le focus de la souris (c'est une partie qui se charge via ajax). Donc il faut que je clique une fois dedans pour faire passer le focus sur la zone, et ensuite c'est bon, ça fonctionne.

Comment remédier à ce phénomène?

[danielhagnoul]

Bonsoir.

Suggestion : abandonner livequery, passer à la version 1.3 de jQuery et utiliser la fonction live() au lieu de bind().

Code :

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

1
2
3
4
 
 $("...").live("click", function(){
      ...
  });

[Paci88]

Lol...

Non c'est pas possible...

Et ceci dit, ça revient exactement a la même chose que de faire ça (et ça ne marche pas mieux) :

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
 
$("#bloc-bas-btn31").livequery("click", 
              function() {
                         [...]				
				$.ajax({
					   type: "POST",
					   url: "action.action",
					   data: "url=" + url,
					   contentType: "application/x-www-form-urlencoded",
 
					   success: function(msg) {
							[...]
					   }
				});
	});

[kaen25]

Dans le pire des cas sur ton element tu ajoutes un event mouseenter qui lui fait prendre le focus.
C'est pas super propre mais au moins ca fonctionnera dans ton cas.