我有一个 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" %>
最佳答案
storyjs-embed js 文件正在寻找 timeline-min.js 和 timeline.css 文件。如果您在 createStoryJS 函数中设置它们的位置,我认为它应该可以工作。但是,我不确定该怎么做。我遇到了类似的问题并通过使用“简单”嵌入技术解决了它。
关于css - 在 Rails 中使用时间轴,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12841412/