Fullcalendar Gem Rails 不会显示
Fullcalendar Gem Rails Wont Display
FullCalendar 显示为空白我该如何显示日历。 rails 上的完整日历似乎很少有指南或文档。我似乎无法确定问题出在哪里。没有错误只是显示一个空白页面。
查看
<div class="calendar"></div>
Channel/full_calendar.js
var initialize_calendar;
initialize_calendar = function() {
$('.calendar').each(function(){
var calendar = $(this);
calendar.fullCalender({});
})
};
$(document).on('turbolinks:load', initialize_calendar);
Application.js
//= require jquery
//= require rails-ujs
//= require bootstrap
//= require moment
//= require fullcalendar
//= require jquery-dcjqaccordion
//= require_tree .
Application.css.scss
*= require fullcalendar
*= require daterangepicker
看来你不见了
//= require turbolinks
在你的 application.js
中。没有它,'turbolinks:load'
将不会触发。
如果您计划使用 Turbolinks,您还需要在导航之前销毁您的 fullCalendar 对象,因为 mentioned here。
function eventCalendar() {
return $('#event_calendar').fullCalendar({ ***your FullCalendar config***});
};
function clearCalendar() {
$('#event_calendar').fullCalendar('delete'); // In case delete doesn't work.
$('#event_calendar').html('');
};
$(document).on('turbolinks:load', eventCalendar);
$(document).on('turbolinks:before-cache', clearCalendar)
FullCalendar 显示为空白我该如何显示日历。 rails 上的完整日历似乎很少有指南或文档。我似乎无法确定问题出在哪里。没有错误只是显示一个空白页面。
查看
<div class="calendar"></div>
Channel/full_calendar.js
var initialize_calendar;
initialize_calendar = function() {
$('.calendar').each(function(){
var calendar = $(this);
calendar.fullCalender({});
})
};
$(document).on('turbolinks:load', initialize_calendar);
Application.js
//= require jquery
//= require rails-ujs
//= require bootstrap
//= require moment
//= require fullcalendar
//= require jquery-dcjqaccordion
//= require_tree .
Application.css.scss
*= require fullcalendar
*= require daterangepicker
看来你不见了
//= require turbolinks
在你的 application.js
中。没有它,'turbolinks:load'
将不会触发。
如果您计划使用 Turbolinks,您还需要在导航之前销毁您的 fullCalendar 对象,因为 mentioned here。
function eventCalendar() {
return $('#event_calendar').fullCalendar({ ***your FullCalendar config***});
};
function clearCalendar() {
$('#event_calendar').fullCalendar('delete'); // In case delete doesn't work.
$('#event_calendar').html('');
};
$(document).on('turbolinks:load', eventCalendar);
$(document).on('turbolinks:before-cache', clearCalendar)