0

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

当我加载页面时，它正在创建 div 800x600，显示“加载时间线”，然后停止。我查看了错误控制台，看起来这就是问题所在：

[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 文件夹中。为什么时间线无法识别它们？

这是我放在视图中的内容 - 我使用了来自 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" %>
4

1 回答 1

3

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

于 2012-10-17T14:28:24.257 回答