css - 在 Rails 中使用时间轴

Question

我有一个 Rails 应用程序，我试图从这里开始使用时间轴:http://timeline.verite.co/

当我加载页面时，它正在创建 800x600 的 div，显示“加载时间轴”，然后停止。我查看了错误控制台，看起来问题出在这里:

[14:58:20.511] GET http://localhost:3000/assets/css/timeline.css?2.17 [HTTP/1.1 404 Not Found  807ms]
[14:58:20.523] GET http://localhost:3000/assets/js/timeline-min.js?2.17 [HTTP/1.1 404 Not Found  493ms]

它似乎没有找到这些文件 - 我假设是因为它在错误的地方查找。我查看了页面的源代码，当我加载页面时，这两个文件正在加载，因为它们位于 assets 文件夹中。为什么时间线无法识别它们？

这是我放入 View 中的内容 - 我使用了来自 verite 网站的示例 JSON 文件，这样我就可以在使用自己的数据之前测试时间线:

<div id="my-timeline"></div>
 <script>
          $(document).ready(function() {
              createStoryJS({
                  type:       'timeline',
                  width:      '800',
                  height:     '600',
                  source:     'http://timeline.verite.co/lib/timeline/data.json',
                  embed_id:   'my-timeline'
              });
          });
      </script>
<%= javascript_include_tag "storyjs-embed" %>

我似乎无法让它工作 - 任何帮助将不胜感激，谢谢!

编辑:

好的，如果我添加以下两行，我会得到一个带有加载 gif 的白色背景，但仍然没有时间轴出现，只是一个永久加载屏幕。可能出了什么问题？我明确添加了两个有问题的文件，但它仍然无法正常工作。

<%= javascript_include_tag "timeline-min" %>
<%= stylesheet_link_tag "timeline" %>

Answer 1

storyjs-embed js 文件正在寻找 timeline-min.js 和 timeline.css 文件。如果您在 createStoryJS 函数中设置它们的位置，我认为它应该可以工作。但是，我不确定该怎么做。我遇到了类似的问题并通过使用“简单”嵌入技术解决了它。