Pourquoi ColorBox n'apparaît-il pas dans Internet Explorer?

Question

J'utilise ColorBox pour afficher les détails des événements sur un calendrier. L'adresse pour l'afficher est http://www.idea-palette.com/greatoppseventcal/calendar6.php

Dans firefox, lorsque l'utilisateur clique sur un jour avec un événement, la lightbox s'ouvre et affiche les informations d'événement de la base de données.

Dans Internet Explorer, lorsque l'utilisateur clique sur un jour avec un événement, le calendrier est poussé vers le bas et il y a une grande zone vide blanche au-dessus du calendrier. Lorsque vous cliquez sur la zone vide, le calendrier est repoussé, comme si la visionneuse apparaissait au-dessus du calendrier jusqu'à ce que vous cliquiez dessus pour la fermer.

---

Voici le jQuery:

$(document).colorbox.init(); 
$(".date_has_event").click(function(e) { 
    var idVal = $(this).attr("idnum"); 
    $(".date_has_event").colorbox({open: true, initialHeight: "25%", initialWidth: "25%", width:"25%", opacity: 0.25, transition:'fade', inline:true, href:"#" + idVal + " ul"});  
}); 

Voici le code du bouton qui est cliqué et la div qui est affichée:

echo ' class="date_has_event" idnum="'.$row2['id'].'" style="background-image: url(images/event_square.png); color: #8CC63F;">'.$day; 

echo '<div class="events" id="'.$row2['id'].'"> 
    <ul>'.$events[$day].'</ul> 
</div>'; 

Je ne suis pas vraiment sûr de ce qu'il faut faire car cela fonctionne parfaitement dans Firefox. Quelqu'un peut-il m'aider?

Answer 1

Il semble que vous utilisiez une ancienne version de jQuery. Essayez de passer à la version 1.3.2 - toutes les pages examples on the ColorBox utilisent 1.3.2 et fonctionnent avec IE.