Discussion :

[Sayrus]

Bonjour,

Je suis à fond dans le JQuery en ce moment mais je me heurt souvent à des problèmes pour lesquels je ne parviens pas à trouver de réponses...

Mon problème est le suivant:

Je souhaite créer dynamiquement des éléments et donc associé à chaque élément un "colorbox" spécifique...

Pour ce faire j'utilise la fonction suivante:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$("#form_items .tool").live('click',function(){
 
	$(".box").css({'display':'none'});
	var currentId=$(this).attr('id');
	var numId=currentId.split('-');
	numId=numId[1];
 
	$("#box-"+numId).css({'display':'block'});
	$(this).colorbox({width:"500px", inline:true, href:".fieldBox"});	
});

Lorsque je clique la première fois sur l'élément dynamique censé lancer le colorbox, ça ne marche pas...

Dès le deuxième clic et +, ça fonctionne très bien!

Pourquoi le colorbox ne se lance pas au premier clic? Que puis-je faire pour corriger le tir?

merci.

[llaffont]

Code :

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

1
2
3
4
5
6
7
8
9
10
$("#form_items .tool").live('click',function(){
 
	$(".box").hide();
	var currentId=$(this).attr('id');
	var numId=currentId.split('-');
	numId=numId[1];
 
	$("#box-"+numId).show();
	$(this).colorbox({width:"500px", inline:true, href:".fieldBox"});	
});

Ton évènement tu la déclaré dans $(function(){} ou dans un fonction à part ?