Question

我正在使用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中完美运行。有人能帮助我吗？

Answer 1

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

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

1 个答案: