Fullcalendarの高さの問題

Question

私は自分のサイトのホームページに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> 

カレンダーのコンテンツ全体の高さを調整するにはどうすればよいですか？私は...このリンクを

http://arshaw.com/fullcalendar/docs/display/height/

を見て...と、ガイドに従うことを試みたが、それは私のために動作しませんので、私はコードが間違って書いされている必要がありました。私は180pxに高さを制限したいと思います。

本当に助けていただきありがとうございます。

Answer 1

以前はfullCalendarで作業していませんでしたが、ペーストしたリンクに基づいて動作するはずです。

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

初めてfullCalendar関数に電話したことを確認してください。そうしないと、使用する必要があります。$('#calendar').fullCalendar('option', 'height', 180);

はロングショットかもしれませんが、心に留めておくべき他の事はあなたのCSSで、それは#calendarの高さをオーバーライドしていないことを確認し、!important

Answer 2

を監視し、私は同じ問題を抱えていました「height」と「contentHeight」のパラメータを設定し、いくつかのケースでは機能しないことがわかりました（私の場合、カレンダーの下部にあるイベントはクリックできませんでした）。だから私は、代わりに「アスペクト比」パラメータを設定することになってしまった：

完全に働いた

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

（明らかにあなたがあなたのカレンダーの幅に基づいて、あなたの縦横比をカルクする必要があります）。