1

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

4

1 回答 1

2

看起来您使用的是旧版本的 jQuery。尝试升级到版本 1.3.2 - ColorBox页面上的所有示例都使用 1.3.2 并使用 IE。

于 2009-09-13T02:38:01.593 回答