Mon slider à un drole de comportement sous IE

[pierrot10]

Bonjour,

J'utilise la fonction slidUp() et slideDown() pour faire apparaitre un div qui est caché. Quand je clique sur un div qui a la classe aLemas, il se déroule. Su re reclique il s'enroule.

Code :

1
2
3
4
5
6
7
8
	$('.aLemas').click(function() {
		if ($("#lemas").is("#lemas:hidden")) {
			$("#lemas").slideDown("slow");
			$("#lemas").prepend(loadingImages('mas','lemas')); //folder, destination (#lemas)
		}else{
			$("#lemas").slideUp("slow");
		}
	});

Sous firefox ca fonctionne bien. Le problème c'est que sous IE, ca se passe bien aussi, sauf que lorsque qu'il s'enroule (se ferme) il clignotte, juste après. Et ceci que sous IE8 et 9.

Voici le lien
www.provence-maison.info

Ce cligonttement se passe uniquement sur IE mais pas sur FF

Aurize-vous une idée pourquoi?

[danielhagnoul]

Bonsoir

Code :

1
2
3
4
5
6
7
8
9
10
// attention, un ID doit être unique dans la page web !
 
$('.aLemas').click(function() {
 
	// if ( $(this).is(":hidden") ){
 
	// impossible ! un élément caché ne peut pas être cliqué
 
	return false; // évite la propagation de l'événement et l'action par défaut
});

[pierrot10]

Salut,
Ben j'ai pas trop compris.

L'élément clicable n'est pas caché car c'est .aLemas.
Qaud on le clique il va déroulé #lemas

[pierrot10]

Ok je vois,
j'ai changé
La premiere image,"le Mas" à un class "aLemas".
Quand on clique sur celle-ci, le div #lemas s'ouvre.
Quand elle est ouverte, il ya droite un croix, qui a la classe .clode

Code :

1
2
3
4
5
6
7
8
 
	$('.aLemas').click(function() {
		if ($("#lemas").is("#lemas:hidden")) {
			//deroulant_open('lemas');
			$("#lemas").slideDown("slow");
			$("#lemas").prepend(loadingImages('mas','lemas')); //folder, destination (#lemas)
		}
	});

Code :

1
2
3
4
5
6
7
8
 
	$('.close').click(function() {
 
		if ($("#lemas").is("#lemas:hidden")) {
		}else{
			$("#lemas").slideUp("slow");
		}
	});

Ca marche toujours bien sauf que sous IE, il y a toujours le même problème : le clignottement après que le div #lemas soit fermé

[glen1789]

Bonjour,

N'ayant jamais eu ce problème je ne peut rien affirmer mais je suis du même avis que danielhagnoul, l'ajout de

Code :

return false;

à la fin de chaque fonction peut éviter des comportements non souhaités.

Ce qui donnerait :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
        $('.aLemas').click(function() {
		if ($("#lemas").is("#lemas:hidden")) {
			//deroulant_open('lemas');
			$("#lemas").slideDown("slow");
			$("#lemas").prepend(loadingImages('mas','lemas')); //folder, destination (#lemas)
		}
                return false;
	});
 
 
	$('.close').click(function() {
 
		if ($("#lemas").is("#lemas:hidden")) {
		}else{
			$("#lemas").slideUp("slow");
		}
                return false;
	});

[danielhagnoul]

Bonjour

Envoyé par pierrot10

Salut,
Ben j'ai pas trop compris.

L'élément clicable n'est pas caché car c'est .aLemas.
Qaud on le clique il va déroulé #lemas

Vous avez raison ! J'ai confondu les "lemas".

Avez-vous testé votre premier code avec un "return false;" ? Grillé par le message précédent !