Javascript 全日历高度问题

Javascript 全日历高度问题,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我已将Fullcalendar集成到我的网站主页上。代码是 <script type='text/javascript'> $(document).ready(function() { $('#calendar').fullCalendar({ events: { url: 'https://www.google.com/calendar/feeds/XXXXXXXXimport.calendar.google.com/public/basic',

我已将Fullcalendar集成到我的网站主页上。代码是

<script type='text/javascript'>

$(document).ready(function() {
$('#calendar').fullCalendar({
    events: {
        url: 'https://www.google.com/calendar/feeds/XXXXXXXXimport.calendar.google.com/public/basic',
        className: 'gcal-event',           // an option!
        currentTimezone: 'Europe/London' // an option!
    },

eventMouseover: function(event, jsEvent, view) {
        if (view.name !== 'agendaDay') {
            $(jsEvent.target).attr('title', event.title);
        }
    }
    });
});

</script>

$(文档).ready(函数(){
$(“#日历”).fullCalendar({
活动:{
网址:'https://www.google.com/calendar/feeds/XXXXXXXXimport.calendar.google.com/public/basic',
className:'gcal事件',//一个选项!
当前时区:“欧洲/伦敦”//一个选项!
},
eventMouseover:函数(事件、jsEvent、视图){
如果(view.name!=“agendaDay”){
$(jsEvent.target).attr('title',event.title);
}
}
});
});
如何调整日历内容的总体高度?我看过这个链接

…并试图遵循指南,但我一定是写错了代码,因为它对我不起作用。我想把高度限制在180像素


非常感谢您的帮助。

我以前没有使用过fullCalendar,但根据您粘贴的链接,这应该可以使用

$('#calendar').fullCalendar({
  events: {...},
  eventMouseover: function(event, jsEvent, view) {...},
  height: 180
});
请确保这是您第一次调用
fullCalendar
函数。否则您需要使用:
$('#calendar').fullCalendar('option','height',180)


这可能很难实现,但要记住的另一件事是CSS,确保它不会覆盖
#日历的高度,注意
!重要信息

我以前没有使用过fullCalendar,但根据您粘贴的链接,这应该可以使用

$('#calendar').fullCalendar({
  events: {...},
  eventMouseover: function(event, jsEvent, view) {...},
  height: 180
});
请确保这是您第一次调用
fullCalendar
函数。否则您需要使用:
$('#calendar').fullCalendar('option','height',180)


这可能很难实现,但要记住的另一件事是CSS,确保它不会覆盖
#日历的高度,注意
!重要信息

我在设置“高度”和“内容高度”参数时遇到了同样的问题,并发现在某些情况下它们不起作用(例如,在我的情况下,日历底部的事件不可单击)。因此,我最终设置了“aspectRatio”参数:

$('#calendar').fullCalendar({
  events: {...},
  eventMouseover: function(event, jsEvent, view) {...},
  aspectRatio: 1.15
});

这非常有效(显然,您需要根据日历的宽度计算纵横比)。

我在设置“高度”和“内容高度”参数时遇到了相同的问题,并且发现在某些情况下它们不起作用(例如,在我的情况下,日历底部的事件不可单击)。因此,我最终设置了“aspectRatio”参数:

$('#calendar').fullCalendar({
  events: {...},
  eventMouseover: function(event, jsEvent, view) {...},
  aspectRatio: 1.15
});

它工作得很好(显然,您需要根据日历的宽度计算纵横比)。

高度选项以像素表示。然后你必须写高度:180,而不是高度:180px。也许这就是你在不成功的测试中所做的?高度选项以像素表示。然后你必须写高度:180,而不是高度:180px。也许这就是你在不成功的测试中所做的?