Как я могу автоматически вставить FullCalendar в указанное поле div

Question

Я хочу поместить fullCalendar в указанное поле div, придавая ему эффект жидкости, но это трудно сделать. Я даже попытался использовать соотношение сторон, но не получают никакой удачи .... ниже, что я сделал до сих пор

$(window).resize(function() { 
    var ratio = $(window).width()/$(window).height(); 
    $('.resize').html('<div>ratio:'+ratio+'</div>'); 
    calendar.fullCalendar('option', 'aspectRatio', ratio); 
}); 

Answer 1

вам нужно установить height свойство динамически: http://arshaw.com/fullcalendar/docs/display/height/

Answer 2

Настройка динамически высота вместо отношения аспекта работала для меня:

Asigning календаря переменного при инициировании:

calendar = $('#calendar').fullCalendar({ 
    height: $(window).height()*0.83, 
    ... 
}); 

И затем регулируя высоту динамически (после проверки того, что календарь уже существует для того, чтобы избежать первоначальных сообщений об ошибках):

if(calendar) { 
    $(window).resize(function() { 
    var calHeight = $(window).height()*0.83; 
    $('#calendar').fullCalendar('option', 'height', calHeight); 
    }); 
}; 

Коэффициент *0.83 зависит от вашей страницы дизайна.

Надеюсь, это поможет.