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 回答