为什么ColorBox不会出现在Internet Explorer中?

时间:2009-09-12 22:22:42

标签: php jquery internet-explorer lightbox colorbox

我正在使用ColorBox在日历上显示事件的详细信息。 要查看的地址是http://www.idea-palette.com/greatoppseventcal/calendar6.php

在firefox中,当用户点击带有事件的某一天时,灯箱会打开并显示数据库中的事件信息。

在Internet Explorer中,当用户点击带有事件的某一天时,日历会被按下,日历上方会出现一个大的空白区域。当您单击空白区域时,日历会被推回,就像灯箱出现在日历上方一样,直到点击关闭为止。


以下是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"});       
});

以下是点击按钮的代码以及正在显示的div:

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>';

我不确定该怎么做,因为它在Firefox中完美运行。有人能帮助我吗?

1 个答案:

答案 0 :(得分:2)

看起来你正在使用旧版本的jQuery。尝试升级到版本1.3.2 - 所有examples on the ColorBox页面都使用1.3.2并使用IE。