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

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。