Fullcalendar 2是否与Bootstrap 3和Rails 4不兼容(我真的需要帮助……在这个问题上)

Is Fullcalendar 2 incompatible with Bootstrap 3 and Rails 4 (I really need help...days on this)

本文关键字：帮助 我真的需要 问题 不兼容 是否 Bootstrap Rails Fullcalendar      更新时间：2023-09-26

我的fullcalendar日历根本没有渲染。永远。

今天早些时候，我发布了我的Jsfiddle测试我所有的文件的兼容性，然后把它们放在我的rails 4应用程序。这个问题得到了回答，我的Jsfiddle显示了我的bootstrap 3和fullcalendar 2一起工作很好。

这是那个帖子:Fullcalendar 2未渲染，Bootstrap 3 &Rails 4不兼容?(包括Jsfiddle)

然后我把它们放到rails 4应用程序中。

我把它们放在资产管道中，按照正确的顺序，什么也没有出现。然后我关闭了资产管道，并在application.html的头部将它们链接起来。什么也没显示(除了导航栏和页脚)。

我删除了导航栏和页脚，然后再次尝试。没有。

我真的不明白我做错了什么。我没有修改代码。我只是使用了jsfiddle上发布的这几个文件(我将在评论中提供链接)。

谁能给我指个方向去测试/看。

谢谢!

在rails应用程序中集成完整日历的步骤

  1. 首先下载moment.min.js和fullcalendar.min.js文件，放在vendor/assets/javascripts目录下

  2. 下载fullcalendar.css和fullcalendar.print.css文件并放到vendor/assets/stylesheets目录下

  3. 现在在你的application.js文件添加javascript文件后的jquery，如

    #application.js
//= require jquery
//= require jquery_ujs
//= require moment.min
//= require fullcalendar.min
//= require turbolinks
//= require_tree .

  4. 在您的application.css文件中添加引用到css文件，如

    *= require_tree .
*= require fullcalendar
*= require fullcalendar.print
*= require_self

  5. 在视图中添加id为calender的div 

    <div id='calendar'></div>

  6. 现在在app/assets/javascript中创建一个js文件calendar.js，代码如下

    $(document).on('ready page:load', function () {
  $('#calendar').fullCalendar({
  // put your options and callbacks here
  })
});

我重新构建了这个应用程序三次，并验证了css和更少，最后才发现我做错了什么。

我对rails非常陌生，虽然我必须在清单中包含require_tree。一旦我删除它，只是手动添加必要的文件，我的应用程序运行得很好。我觉得自己像个傻瓜。

相关文章：