繁体   English   中英

在Rails中使用时间线

[英]Using a timeline in Rails

我有一个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" %>

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM