plugin ColorBox, erreur à la fermeture

**captain_kud** · 03/08/2010, 10h40

Bonjour,

J'ai intégré dans un petit site une lightbox en jQuery qui se nomme ColorBox. Tout fonctionne bien sauf qu'un problème apparait souvent après la fermeture de cette ColorBox... Une fois que l'on a cliqué pour la fermer, tous les liens de ma page ne sont plus actifs (alors qu'ils l'étaient avant l'ouverture), ils ne fonctionnent plus. Il faut alors actualiser la page pour que tout remarche.

La chose encore plus étonnante c'est que ce problème est aléatoire. C'est à dire que des fois ça fonctionne correctement, la ColorBox se ferme et les liens sont toujours actifs mais si on la ré-ouvre et referme, le problème peut survenir ou pas, ça dépend des fois

.

A votre avis de quoi peut venir ce problème et comment le résoudre ?

Merci d'avance pour vos réponse.

**captain_kud** · 04/08/2010, 16h52

J'ai l'impression que le problème n'apparait pas sur Opéra et Chrome. Par contre il est bien présent sur Firefox, IE et Safari...

**gtraxx** · 05/08/2010, 20h55

Je pense qu'avec le code de configuration de votre colorbox on pourra vous aider plus facilement

J'utilise colorbox depuis pas mal de temps sans aucun problème de ce genre, il faut absolument avoir la version de votre colorbox ainsi que votre version de jQuery en oubliant pas le code

Bien à vous
aurélien

**captain_kud** · 06/08/2010, 10h17

Version de la colorbox : 1.3.8 (télécharger sur http://colorpowered.com/colorbox/)
Version de jQuery : 1.4.2

Extrait de mon code :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<link rel="stylesheet" href="css/main.css" type="text/css"/>
<link media="screen" rel="stylesheet" href="css/colorbox.css"/>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".colorbox").colorbox();
		$("#click").click(function(){ 
			$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
			return false;
		});
	});
</script>
 
</head>
 
<body>
	<div id="container">
    	<div id="menuLeft">
        	<ul>
			<li><a id="journalisme" class='colorbox' href="content/journalisme.html" ><img src="images/menuLeftJournalismeHover.png" alt="journalisme" title="journalisme"/></a></li>
			<li><a id="communication" class='colorbox' href="content/communication.html"><img src="images/menuLeftCommunicationHover.png" alt="communication" title="communication"/></a></li>
			<li><a id="creations" class='colorbox' href="content/creations.html"><img src="images/menuLeftCreationsHover.png" alt="creations" title="creations"/></a></li>
		</ul>
        </div>
</body>
</html>

Voilà, n'hésitez pas à me dire si j'ai oublié (ou mal fait) quelque chose.

**gtraxx** · 06/08/2010, 13h26

Pourquoi appelé les deux js :

Code :

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

1
2
3
 
<script type="text/javascript" src="js/jquery.colorbox.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>

Pour ce qui est du code, je vous conseil de ne pas utilisé une classe du nom de colorbox (réservé).
Une fois les deux problème règlé, vous aurez un affichage normal

**captain_kud** · 11/08/2010, 10h15

Grrr ça ne fonctionne toujours pas...

J'ai donc enlevé un appel :

Code :

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

<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>

Et j'ai remplacé le nom de la classe "colorbox" par "affichage_colorbox"...

plugin ColorBox, erreur à la fermeture

jQuery

Vue hybride

Discussions similaires

Partager

Partager