为什么ColorBox没有出现在Internet Explorer中? [英] Why does ColorBox does not appear in Internet Explorer?

问题描述

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

I am using ColorBox to show details of events on a calendar. The address to view it is http://www.idea-palette.com/greatoppseventcal/calendar6.php

在firefox中，当用户单击包含事件的一天时，灯箱将打开并显示数据库中的事件信息.

In firefox, when the user clicks on a day with an event, the lightbox opens and displays the event information from the database.

在Internet Explorer中，当用户单击发生事件的一天时，日历被下推，日历上方有一个大的空白区域.当您单击空白区域时，日历将向后推，就像灯箱出现在日历上方一样，直到单击以将其关闭.

In Internet explorer, when the user clicks on a day with an event, the calendar is pushed down and there is a big white empty area above the calendar. When you click on the empty area, the calendar is pushed back up, as if the lightbox appears above the calendar until clicked on to close.

这是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中完美运行.有人可以帮我吗?

I am not really sure what to do since It works perfectly in Firefox. Can anybody help me?

推荐答案

您似乎正在使用旧版本的jQuery.尝试升级到1.3.2版-ColorBox页面上的所有示例页面均使用1.3.2并正常工作IE.

It looks like you're using an old version of jQuery. Try upgrading to version 1.3.2 - all of the examples on the ColorBox page are using 1.3.2 and work with IE.

这篇关于为什么ColorBox没有出现在Internet Explorer中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！