jquery - 使用 jQuery Colorbox 无法正确显示 EventsCalendar

Question

我在 jQuery Colorbox 中使用 jQuery EventsCalendar。但是日历没有完全显示。

JS

$(document).ready(function(){
$("#MyCalendar").eventCalendar({});
$(".inline").colorbox({inline:true, width:295, height:335});

});

html

<div class="choose-calendar">
      <a class='inline' href="#inline_content"><img src="images/choose_calendar.png" alt="choose calendar"></a>
      <div style='display:none'>
            <div id='inline_content' style=' background:#fff; display: list-item;'>
                 <div id="MyCalendar"></div>
            </div>
      </div>
 </div>

是z-index问题吗？您可以在http://pfitr.net/frontend/events-calendar.html查看

有什么帮助吗？

Answer 1

我可以通过添加以下css代码来解决这个问题：

#MyCalendar {
width:275px;
height:270px !important;
}

干杯!