代码之家 › 专栏 › 技术社区 › NothingToSeeHere

Fullcalendar 2与Bootstrap 3和Rails 4不兼容吗(我真的需要帮助……天)

fullcalendar twitter-bootstrap ruby-on-rails javascript

0

NothingToSeeHere · 技术社区 · 11 年前

我的完整日历日历根本无法呈现。曾经

今天早些时候,我发布了我的Jsfiddle测试所有文件的兼容性,然后将它们放入我的rails 4应用程序。这个问题得到了回答,我的jsfiddle展示了我的引导程序3和完整日历2的协同工作。

这是一个帖子: Fullcalendar 2 not rendering, Bootstrap 3 & Rails 4 Incompatibility? (Jsfiddle included)

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

我按照正确的顺序将它们放入资产管道,但什么都没有出现。然后我关闭了资产管道,老学校在我的应用程序的头部链接了它们。html没有显示任何内容(除了我的导航栏和页脚)。

我删除了导航栏和页脚,然后重试。没有什么。

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

有人能给我指个方向吗。

非常感谢。

2 回复 | 直到 8 年前

1

2

Monideep 11 年前

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

首次下载 moment.min.js 和 fullcalendar.min.js 归档并放入其中 vendor/assets/javascripts 目录
下载 fullcalendar.css 和 fullcalendar.print.css 归档并放入其中 vendor/assets/stylesheets 目录

现在在您的 application.js file在jquery之后添加javascript文件,如

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

在您的 application.css 文件添加对css文件的引用,如

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

在视图中添加一个带有id的div calender
```
<div id='calendar'></div>
```

现在创建一个js文件 calendar.js 在…内 app/assets/javascript 具有以下代码

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

2

0

NothingToSeeHere 11 年前

我重新构建了这个应用程序三次,并验证了css和更少的内容,最后才弄清楚我做错了什么。

我对rails很陌生,尽管我必须在清单中包含require_tree。一旦我删除了它并手动添加了必要的文件,我的应用程序工作得很好。我觉得自己像个傻瓜。我希望这对其他人有所帮助。